текстовая область, показывающая горизонтальную полосу прокрутки примерно после 65 тыс. символов

#html #css #google-chrome

Вопрос:

Я обнаружил ошибку Chrome, <textarea> элемент, когда font-size указано свойство или font-type около 65 тысяч символов, отображается горизонтальная полоса прокрутки, и никакие свойства CSS не удаляют его успешно. У персонажа, который нажимает на него «над», при удалении полоса прокрутки исчезает. Почему это так? Возможно ли это остановить или знать, как определить, когда это произойдет?

введите описание изображения здесь

Шаги по воспроизведению:

  1. перейти к https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea
  2. добавить style="font-size: 16px;" в <textarea>
  3. Используйте любой из этих примеров текста, вставьте его в текстовое поле
  4. Нажмите любую текстовую клавишу (например, «t» или пробел).

Визуальные Шаги:
введите описание изображения здесь

Текст на английском Языке: https://gist.github.com/KevinDanikowski/f549cbb38e147e37cb9494d373d3615a

Текст на французском языке: https://gist.github.com/KevinDanikowski/3834d1611eede4215e08ff3c860d09ee (последний символ «n» — это символ, при удалении которого полоса прокрутки исчезает).

PS: Этого не произошло в firefox.

Комментарии:

1. У меня нет этой проблемы.

2. @SecretTimes интересно, и вы пробовали оба текста? Потому что у меня были и другие члены моей команды, которые тоже пытались, и у них была проблема.

3. Ага, попробовал оба текста и применил font-size: 16px к <textarea>

4. Над какой версией Chrome вы работаете?

5. @SecretTimes обновление chrome решило проблему…. вау, я чувствую себя глупо, это должно было быть первым, что я попробовал, когда узнал, что это происходит в chrome.

Ответ №1:

Эта ошибка отсутствует в самой последней версии chrome. Просто обновите Chrome.

Комментарии:

1. Оказывается, эта проблема все еще возникает в других сценариях даже после обновления. У меня нет нового метода для его воспроизведения, так что пока я не буду об этом беспокоиться