Кто-нибудь испытывает проблемы с макетом после обновления до Chrome 72?
После того, как несколько моих клиентов обновились до Chrome v72, они заметили несколько проблем с макетом, которых не было в <= v71. Из того, что я обнаружил, это в основном происходит при наличии элемента с переполнением: авто или переполнение: прокрутка внутри родительского элемента, который использует flexbox для позиционирования своих дочерних элементов.
Кто-нибудь еще переживает это? Обратите внимание, что это происходит только в v72, я тестировал <72 и другие браузеры webkit и не могу воспроизвести это.
установка высоты на 0 устранила проблему. Чего я никогда не замечал, так это существующей проблемы в Edge и FF. Таким образом, добавление height:0 исправило это для всех браузеров.
В итоге мы использовали overflow: hidden и height: 100% для нашего варианта использования.
Для этого была зарегистрирована ошибка в трекере проблем Chromium. проблема. Использование min-height: 0; и flex-grow: 1; решило эту проблему для меня.
Привет, ребята, я столкнулся с той же проблемой. Хм, исправления, упомянутые выше ... были ли они добавлены к гибким родителям или детям?
Ответы 2
Похоже, Chrome отображает гибкие блоки с переполнением по-другому, начиная с v72. По крайней мере, часть этих изменений была преднамеренна, чтобы сделать Chrome более совместимым со спецификацией и другими браузерами.
Подробнее см. в этом выпуске: https://bugs.chromium.org/p/chromium/issues/detail?id=927066
Обновлять:
We've heard you loud and clear and have decided to revert the change in Chrome 72 to avoid breaking existing sites and to allow developers a bit more time to update their pages.
The change will instead ship with Chrome 73. As such it's still important to make the required changes to avoid breaking it in future versions of Chrome and to ensure compatibility with Firefox.
We've heard you loud and clear and have decided to revert the change in Chrome 72 to avoid breaking existing sites and to allow developers a bit more time to update their pages. The change will instead ship with Chrome 73.bugs.chromium.org/p/chromium/issues/detail?id=927066#c77Мы добились того же успеха, что и кто-то в теме выше: переполнение: спрятано вниз по дереву, несколько мест исправили это для нас.
Похоже, это поставляется в Chrome 73, что подтверждается ответом a.xin выше.
Быстрое и грязное исправление, которое сработало для меня, заключается в добавлении «min-height: 0» ко всем дочерним элементам flex.
у меня полностью перестал работать overflow-y:auto.