169 похожих чатов

А как ограничиваете количество строк для textarea? Хочу например, чтобы

было не больше 3 например

10 ответов

19 просмотров

это наверное rows - Определит height textarea, я реализовывал динамическую смену rows, чтобы поле расширялось в зависимости от прибавления строк, и уменьшалось если строк становилось меньше.

или css : min-height max-height Смотря какая цель.

Danila-Bakunov Автор вопроса
iQs Solution
это наверное rows - Определит height textarea, я р...

А нет готовых решения, чтобы добавление новых строчек блочилась? но она не блочится, а добавляется скролл просто. Сейчас использую autosize textarea

Danila Bakunov
screenshot А нет готовых решения, чтобы добавление новых стро...

Ну там ещё надо помоему textarea добавить overflow: hidden; И как-то отслеживать содержимое textarea Либо отдельно в функции, либо внутри jsx чтобы отлавливать value —— const [row, setRow] = useState(1) через useEffect например отслеживать стэйт и в jsx <textarea rows={row}></textarea>

Danila Bakunov
screenshot А нет готовых решения, чтобы добавление новых стро...

Нет, готового решения нет. И ты путаешь количество строк и количество символов, визуально помещающихся в одну ширину. Строки разделяются символами переноса строк, можно валидировать строку в onChange и запрещать добавление новых переносов при достижении конкретного количества. С количеством символов без переносов сложнее — нужно знать, сколько символов помещается в одной строке. И это количество может быть разным в зависимости от настроек пользователя. В любом случае костыли и велосипеды. Задача какая? Скорее всего она решается как-то иначе, если её озвучить, можно получить совет.

Ivan 🧑‍🚀
Нет, готового решения нет. И ты путаешь количество...

Я ещё вешал событие онченж на кнопку интер. Так прибавлялись строки. И ещё можно отслеживать дэлет и бэкспейс.

iQs Solution
Я ещё вешал событие онченж на кнопку интер. Так пр...

Молодец. Коллбэк onChange вызывается для любого типа ввода. Для бэкспейсов и энтера тоже

Danila-Bakunov Автор вопроса
Ivan 🧑‍🚀
Нет, готового решения нет. И ты путаешь количество...

Да мне тоже не нравится данный подход. Хочу чтобы у textarea нельзя было превысить заданное количество row. Сейчас стоит maxRows= 4 и minRows=2 к примеру. С 2 до 4 у меня height динамически изменяется с помощью react-textarea-autosize . А вот запретить добавление более 4 строк, не знаю как. Думаю остается только отслеживать количество Row. Надеюсь доступно объяснил. То есть просто запрет на новый row если row уже равен maxRow. А если row = maxRow, там следить что тыкает пользователь и если новый символ создает новую строчку, предотвратить это) как то так я себе алгоритм вижу

Похожие вопросы

Обсуждают сегодня

Anyone here suffers from unexplained aural migraines, who would be up for talking for a bit? Doesn't *have* to be aural, but I am not asking about headaches, I mean actual mi...
Martin Rys
55
hello friends. Do you know how can I learn getx? I have a software project that I should deliver it up to 5 weeks later and I need to learn firebase too. I will be thankfull
AmirHossein Razavi
15
Привет, нужен совет старших товарищей. Есть глобальная переменная var DefaultDataFolder:string; инициализируем DefaultDataFolder:='a:\_OUT\'; есть примитивная процедур...
Max Otto
14
lazarus-3.2.0/gtk, linux патч "имя проекта по умолчанию project1 -> prj" день добрый не нравится "именя проекта по умолчанию" (project1), к.раз приходится переименовывать (н...
livontiy
5
Вопрос. Теоретический. Есть список команд. Команды отправляю в обработку некой функции, по очереди. Разные команды могут давать разные результаты после обработки. В зависимос...
Serjone
7
Can I forward ports (including the SSH port) between two machines without SSH? I know I can forward SSH server port from machine A (which blocks all requests by firewall) to ...
required optional
5
Всем вечера. Подскажите как лучше сделать. делаю на Д10 Например будет база данных на SQLite. в ней будет много таблиц. более 50шт Типа справочник. Содержать ID Name Id p...
Андрей Т 🐎
10
я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
100
подскажите пожалуйста, как мне освободить результат записанный в переменную result? в чем проблема подскажите если МОЖЕТЕ?
Михаил Helper
28
Я короче решил скомпилировать Nim в js, я думал он сработает как обычный транслятор. По итогу он мне создал файл с расширением js, и туда поместил кучу кода Вопрос, что это з...
𝕾𝖍𝖆𝖉𝖊 <suspense>
9
Карта сайта