Bug 189534 – the second part of an element with filter that is split by a column-span disappears

• Status: NEW
• Component: Layout and Rendering

[L. David Baron]

Created attachment 349499 [details]
testcase

In the testcase http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0A%0A.set%20%7B%20column-count%3A%202%3B%20height%3A%20100px%3B%20width%3A%20300px%3B%20background%3A%20yellow%3B%20column-fill%3A%20auto%20%7D%0A.filter%20%7B%20filter%3A%20blur(1px)%3B%20background%3A%20aqua%20%7D%0A.span%20%7B%20column-span%3A%20all%3B%20background%3A%20fuchsia%20%7D%0A%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22set%22%3E%0A%20%20A%0A%20%20%3Cdiv%20class%3D%22filter%22%3E%0A%20%20%20%20B%0A%20%20%20%20%3Cdiv%20class%3D%22span%22%3EC%3C%2Fdiv%3E%0A%20%20%20%20D%0A%20%20%3C%2Fdiv%3E%0A%20%20%20%20E%0A%3C%2Fdiv%3E , there is an element with a filter containing an element with column-span:all.  The column-span causes the second part of the element with the filter to disappear.  If the 'filter' property is removed, then everything is fine.

Note that Edge displays correct behavior; Chrome has a different bug with the testcase, filed at https://bugs.chromium.org/p/chromium/issues/detail?id=883151

[L. David Baron]

The key difference is that the expected behavior involves the letter "D" showing up (with a aqua background behind it), whereas it does not show up.

[Simon Fraser (smfr)]

WebKit is generally terrible at group effects (filters, etc) on split boxes.