UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

Example URL:
https://jsfiddle.net/qq6oxbno/

Steps to reproduce the problem:
1. Create multi-columns wrapper.
2. Append to wrapper two blocks with styles:
    display:inline-block;
    width:100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

What is the expected behavior?
Second block should move to second column.

What went wrong?
Second block remain in first column.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Chrome 51 and below

Does this work in other browsers? No Google Chrome 52 and above

Chrome version: 52.0.2743.116  Channel: stable
OS Version: 
Flash Version: Shockwave Flash 22.0 r0

Third and other blocks work properly.

I need to use `display:inline-block;width:100%;` in order to avoid old problems with box-shadows and margins, that appear in multi-columns. I hope this is a known issue.