365 решенийSmittMediaGroup · задача → действия → решениевсе демо →
№ 32026-09-07вёрстка, мелочи

Подсказка в поле ввода обрезалась на середине слова

Поле было рассчитано на две строки, а подсказка занимала три. Клиент видел «температура вроде нормальна…».

1Задача

В прототипе чата поле ввода показывало пример вопроса: «Например: собака чихает третий день, аппетит есть, температура вроде нормальная».

Поле было высотой в две строки, а текст занимал три. В результате на десктопе появлялась полоса прокрутки внутри крошечного поля, а на телефоне подсказка просто обрезалась на середине слова.

Мелочь, которую не замечаешь, пока не посмотришь на страницу глазами клиента.

2Действия

Разобрались, что дело не в длине подсказки, а в высоте поля: она была задана жёстко под две строки.

Подняли минимальную высоту до трёх строк и поменяли соответствующий атрибут в разметке, чтобы поле и открывалось сразу нужного размера, а не подрастало после загрузки.

3Решение

Проверили на трёх видах: десктоп, телефон 375 пикселей и встроенный режим. Подсказка видна целиком во всех трёх, полосы прокрутки внутри поля больше нет.

Стоило это одной строчки в стилях — и это как раз тот случай, когда разница между «прототип» и «продукт» состоит из десятка таких строчек.

← все решения