В моем приложении React я использую iframe, содержимое которого предоставляется сервером. не добавляя ничего о overflow к стилю, я вижу горизонтальную полосу прокрутки ( без перетаскиваемого скроллера, просто полоса ) только в Chrome, а не в других браузерах, таких как FireFox и Edge.
добавление overflow-x: hidden; оболочки div в стиле I Frame похоже на
.article-container {
display: flex;
flex-direction: column;
flex: auto;
iframe {
flex: auto;
overflow-x: hidden;
}
iframe.body {
overflow-x: hidden;
}
}
добавление overflow-x: hidden; ближе к файлу CSS или в качестве встроенного стиля в iframe не работает и все еще видит эту полосу прокрутки (в chrome)
Я знаю, что содержание iframe не может быть изменено извне, на случай, если я добавлю iframe.body
поэтому у меня такой вопрос: почему он виден только в Chrome, и есть ли способ скрыть прокрутку по оси X?
это что-то связанное с Flex и направлением?
Мой главный вопрос - почему это происходит только в Chrome, и какая разница в рендере или движке браузера, который делает такую разницу. Завершение iframe в div с меньшей высотой - это не ответ, а взлом