一部の顧客がChrome v72にアップグレードした後、<= v71にはないレイアウトの問題に気づきました。私が見つけたところによると、オーバーフロー:自動またはオーバーフロー:flexboxを使用して子を配置している親要素内をスクロールします。
他に誰かがこれを経験していますか?これはv72でのみ発生することに注意してください。私は<72およびその他のWebkitブラウザーをテストしましたが、再現できません。
Chromeは、v72以降、オーバーフローを伴うフレックスボックスのレンダリング方法が異なります。これらの変更の少なくとも一部は、Chromeを仕様や他のブラウザに準拠させるために意図的に行われました。
詳細については、この問題を参照してください: https://bugs.chromium.org/p/chromium/issues/detail?id=927066
更新:
大声でわかりやすく、Chrome 72)の変更を元に戻し、既存のサイトの破壊を回避し、開発者がページを更新するための時間をもう少し確保することを決定しました。
変更は代わりにChrome 73とともに出荷されます。そのため、Chromeの将来のバージョンでの破損を回避し、互換性を確保するために、必要な変更を加えることが依然として重要ですFirefox。
Chrome 73に同梱されているようです。上のa.xinの回答で確認されています。
私のために機能した迅速で汚い修正は、すべてのflexの子に「min-height:0」を追加することです。