Блог

У нас есть пользовательский компонент ввода текста с ограничением в 400 символов. Когда пользователь вставляет более 400 символов, мы показываем значок svg, указывающий на ошибку внутри ввода. И у нас есть проблема здесь, в Chrome. Он показывает значок svg над текстовым курсором и перекрывает последние три символа текста (поэтому, если бы у нас был «abcde» в конце, мы могли бы видеть только «ab» на скриншоте ниже). Проблема возникает только в Google Chrome. В Firefox все в порядке. Я исправил это поведение для горячей клавиши «Ctrl v» (дважды вызвав onChange при вводе), но теперь я не могу найти, что я могу сделать с вставкой с помощью контекстного меню. Мне нужно, чтобы курсор в конце строки отображался перед значком.