UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36

Steps to reproduce the problem:
See pen https://codepen.io/zipper/pen/YRRGjB. There are two sets of columns, first one without any breaking rules. In the second, there is a rule preventing orphaned headings.

What is the expected behavior?
In the lower columns, there should be no orphaned heading in first column, instead it should break into second column.

What went wrong?
Both set of columns renders exactly same, leaving the orphaned heading in the first column. I tried several combinations of vendor prefix and property value (avoid-column or just avoid), none worked in Chrome.

Did this work before? N/A 

Does this work in other browsers? No
 In FF you are supposed to use page-break-after property to achieve intended behaviour. Unfortunately, it doesn't work either (property is included in the pen below). See https://bugzilla.mozilla.org/show_bug.cgi?id=549114.

There is a similar issue in WebKit, see https://bugs.webkit.org/show_bug.cgi?id=61775.

It does however work correctly in Edge, where break-after property is respected and heading is moved to the second column properly.

Chrome version: 70.0.3538.110  Channel: stable
OS Version: 10.0
Flash Version: