Развернуть текстовое поле, чтобы оно соответствовало его содержимому с помощью CSS? ⇐ Html

[Anonymous]

Я пытаюсь получить текстовое поле с редактируемым содержимым (

Код: Выделить всё

div

), чтобы он увеличивался по мере необходимости, чтобы соответствовать введенному в него тексту, до 80 % ширины родительского элемента div.

Есть ли способ сделать это с помощью только CSS? Если нет, я открыт для решений Javascript, но я использую React, который усложняет ситуацию в этом отношении.



Это НЕ дубликат любого другого вопроса, о котором я знаю, поскольку для этого требуется решение, которое:

• Независимо от размера области просмотра
• Поддерживает родительский div с max-width
• Работает с contentEditable
• Работает при изменении текстового содержимого

Подробнее здесь: https://stackoverflow.com/questions/435 ... t-with-css