Можно ли добится адаптивности элемента textarea?

Главные вкладки

Аватар пользователя VasyOK VasyOK 31 марта 2019 в 20:18

Допустим этот текст вписан в многострочное текстовое поле (textarea)

Окно сжимается и хотелось бы, чтобы высота поля увеличивалась, а не как сейчас:

Можно что-то сделать?
Пробовал через https://github.com/javierjulio/textarea-autosize - ничего не вышло. Я на правильном пути?

Комментарии

Аватар пользователя Semantics Semantics 1 апреля 2019 в 20:51

К выводу информации блоками вопросов нет.
Пока ими не начинают выводить хлебные крошки или даже товары в каталоге.

Аватар пользователя VasyOK VasyOK 31 марта 2019 в 20:45

Этот заголовок генерируемый на форму в зависимости от того что заказывает пользователь.

Если брать элемент разметка - он пропадает при валидации формы. + требует танцев с бубном чтобы вывести его в результатах заполнения.

Аватар пользователя adubovskoy adubovskoy 31 марта 2019 в 20:53
2

Это несемантично и неправильно. Такая форма не должна проходить ревью у разработчика. Поставка такого решения заказчику (или себе) не должна происходить.

Переопределите форму, добавьте h2-h6 разметку в зависимости от условий.

Аватар пользователя madt madt 31 марта 2019 в 23:14

@VasyOK Думаю, тебе нужно в скрипте отслеживать изменение размеров окна и вручную вызывать метод .trigger('input') на твоей textarea. Тогда высота поля должна автоматически измениться.

Аватар пользователя Orion76 Orion76 1 апреля 2019 в 7:47

Нда..
textarea вместо заголовка выглядит, мягко говоря, как костыльный костыль.

Не проще добавить к материалу таксономи-поле, а в form-alter поменять его тип на "value" и установить tid нужного термина,
и добавить "Заголовок" в который выводить "текст" нужного термина?

Кстати, а это материал или вэбформа?
И как-где производится его заполнение(текстом "Записаться на техническое обслуживание")?

ЗЫ.. А может будет достаточно просто селект или радиокнопки для поля типа "термин таксономии" с нужными значениями (типа: "Записаться на техническое обслуживание" и т.п.)?

Аватар пользователя VasyOK VasyOK 1 апреля 2019 в 20:18

Какой нафиг заголовок? То, что на скрине показывается в колорбоксе.

https://blogpost.pp.ua/drupal/93 - Bumble инструцию написал.

У меня текст который попадает на форму не укладывается в обычное текстовое поле. Представьте что там обычное текстовое поле. Если знаете как его сделать адаптивным с многострочностью - пожалуйста.

Аватар пользователя adano adano 2 апреля 2019 в 8:48

Этот заголовок генерируемый на форму в зависимости от того что заказывает пользователь.

Какой нафиг заголовок?

Так ты определился или нет?

Если знаете как его сделать адаптивным с многострочностью - пожалуйста.

display: block;
width: 100%;
height: auto;

Аватар пользователя VasyOK VasyOK 2 апреля 2019 в 15:07

Определение "загловок" употребил потому что было спрошено "почему у тебя обычный заголовок сделан с помощью..."

Может я плохо искал. Много форумов облазил - пока никто не знает способа увеличивать текстовый инпут в зависимости от вводимого значения. Только JS скриптами.

https://jsfiddle.net/PlayboyZP/8nm3z1j4/ - adano, не работает, как ты пишешь.