В моем приложении реакции у меня есть большой кусок сгенерированного кода (110 тыс. Строк) для отображения на экране (openapi json spe c). Я обернул его в тег <pre> с помощью:
overflow-y: scroll;
word-wrap: break-word;
white-space: pre-wrap;
font-family: monospace;
height: 100%;
У этого <pre> есть родительский элемент <div>, который устанавливает высоту примерно в 800 пикселей, чтобы он мог прокручиваться.
Это раньше хорошо работал, но в последнее время chrome зависает полностью при отображении. Работает на Brave и Firefox без проблем. Как ни странно, код передается на сервер, если я набираю URL-адрес сервера и отображаю код напрямую (не реагирует, просто отображает код c), chrome ведет себя нормально. Он автоматически переносит код в <pre> точно так же, как я, с тем же стилем css, за исключением высоты: 100%; Интересно, что зависает в моем приложении внезапно.
Спасибо за любую помощь.