UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce the problem:
1. https://jsfiddle.net/de5229jw/2/

What is the expected behavior?
The inline-block element should be visible again when the block element's width returns to a size that can include the inline-block element without any overflow.

What went wrong?
The inline-block element disappears and does not render ever again even when it is given enough space, unless its display property is changed to something else and then changed back.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 62.0.3202.94  Channel: stable
OS Version: OS X 10.13.0
Flash Version: 

If anyone has the time, I have a question regarding how the text is cut off (before the bug happens where block element's width is returned to normal): 

Chrome's behavior sets ellipses _inside_ of the inline-block element. Firefox treats it as a grapheme, which I would expect, and Safari cuts it off and only puts ellipses if the break boundary is on text.

But Chrome's behavior seems to violate that the inline-block element's rule is text-overflow: clip. I cannot figure out why it would do this.