NEW 255358
Hairline gaps between elements when using isolation: isolate and mix-blend-mode: plus-lighter 
https://bugs.webkit.org/show_bug.cgi?id=255358
Summary Hairline gaps between elements when using isolation: isolate and mix-blend-mo...
Robert Flack
Reported 2023-04-12 13:07:56 PDT
Using isolation: isolate on a container with mix-blend-mode: plus-lighter on descendents should result in no gaps between separately composited adjacent elements in the same isolation container. This works on Chrome and Firefox but on Safari there are visible gaps between elements, e.g. https://jsbin.com/norikac/edit?html,css,output For a simpler example, see https://jsbin.com/jowoken/edit?html,css,output Or, https://jsbin.com/retafoy/edit?html,css,output for the animation in a paused state showing a visible gap.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-04-12 15:28:53 PDT
<rdar://problem/107962749>
Radar WebKit Bug Importer
Comment 2 2023-04-12 15:29:11 PDT
<rdar://problem/107962770>
Note You need to log in before you can comment on or make changes to this bug.