У кого-нибудь возникают проблемы с компоновкой после обновления до Chrome 72?

Question

После того, как несколько моих клиентов перешли на Chrome v72, они заметили несколько проблем с макетом, которых не было в <= v71.Из того, что я обнаружил, это чаще всего происходит при наличии элемента с переполнением: auto или overflow: scroll внутри родительского элемента, который использует flexbox для позиционирования своих потомков. </p>

Кто-нибудь еще испытывает это?Обратите внимание, что это происходит только в v72, я протестировал <72 и другие браузеры webkit и не могу воспроизвести его. </p>

Answer 1

Похоже, это поставляется в Chrome 73, что подтверждается ответом a.xin выше.

Быстрое и грязное исправление, которое сработало для меня, добавляет «min-height: 0» ко всем дочерним элементам flex.

Answer 2

Похоже, что Chrome по-разному отображает flex-боксы с переполнением, начиная с v72.По крайней мере, некоторые из этих изменений были намеренными, чтобы сделать Chrome более совместимым со спецификацией и другими браузерами.

Подробности см. В этом выпуске: https://bugs.chromium.org/p/chromium/issues/detail?id=927066

Обновление:

Мы слышали вас громко и ясно и решили отменить изменения в Chrome 72, чтобы избежать взлома существующих сайтов и дать разработчикам немного больше времени для обновления своих страниц.

Вместо этого изменения будут поставляться вместе с Chrome 73. Поэтому по-прежнему важно внести необходимые изменения, чтобы не допустить их поломки в будущих версиях Chrome и обеспечить совместимость с Firefox.

2019-02-05 22: 44: 28 UTC