After a few of my customers upgraded to Chrome v72 they've noticed a few layout issues that were not present in <= v71. From what I've found it mostly occurs when having an element with overflow: auto or overflow: scroll within a parent element that is using flexbox to position its children.
Is anyone else experiencing this? Note this is only occurring in v72, I've tested < 72 and other webkit browsers and can't reproduce it.
Looks like Chrome renders flex boxes with overflows differently since v72. At least parts of those changes were intentional to make Chrome more compliant to the spec and other browsers.
See this issue for details: https://bugs.chromium.org/p/chromium/issues/detail?id=927066
Update:
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.
Seems like this shipped in Chrome 73, confirmed by a.xin's answer above.
The quick and dirty fix that worked for me is adding "min-height: 0" to all of the flex children.
来源：https://stackoverflow.com/questions/54447490/is-anyone-experiencing-layout-issues-after-upgrading-to-chrome-72