Column-count is not working in Chrome

Question

I have a text splitted in 4 columns and it works perfectly in Safari I don\'t know why I can see just 2 columns in Google Chrome.

Tested with Chrome 55.0.2883.95 (64

Answer 1

After suffering this issue with Chrome 80.0 the solution was from a comment on the question:

.childbrick {
    break-inside: avoid-column;
}

This fixed both the odd lack of columns in Chrome as well as the column splitting which occurred if not using display:inline-block; .

The comment references a Firefox issue with this workaround but I have found no such issues with Firefox version 73.