web-dev-qa-db-ja.com

Chrome 72にアップグレードした後にレイアウトの問題が発生していますか?

一部の顧客がChrome v72にアップグレードした後、<= v71にはないレイアウトの問題に気づきました。私が見つけたところによると、オーバーフロー:自動またはオーバーフロー:flexboxを使用して子を配置している親要素内をスクロールします。

他に誰かがこれを経験していますか?これはv72でのみ発生することに注意してください。私は<72およびその他のWebkitブラウザーをテストしましたが、再現できません。

18
kwahyaj

Chromeは、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

15
a.xin

Chrome 73に同梱されているようです。上のa.xinの回答で確認されています。

私のために機能した迅速で汚い修正は、すべてのflexの子に「min-height:0」を追加することです。

0
Joshua Verdehem