(funny) Chrome different browser versions of Display:flex and overflow hide display ellipsis bug

A very interesting scenario is encountered in the project:

The layout requirement is this: creating a new Order on the right is fixed width of 80px, the left side is adaptive width, overflow hidden. Such as.

The layout here needless to say definitely using Display:flex. Left flex:1; right width:80px;.

Originally on my machine is a variety of OK, but to the back end of the brothers found in his machine on the left side and no flex:1;

Always with a fixed width of the pestle in there, destroying the layout, then a view, the original is back-end Chrome is the latest version,

And my machine is an old version, two versions of Chrome to Display:flex the resolution unexpectedly.

The solution is to add a minimum width to the flex-adaptive element on the left, adding a width:100% to the two children, although the bug

It's not uncommon, but it's interesting, because in my worldview I always think that the newer the version, the better, the bug is really interesting.

(funny) Chrome different browser versions of Display:flex and overflow hide display ellipsis bug