<style> div { width: 200px; height: 200px; -webkit-filter: url(#f); } </style> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <svg width="200" height="200"> <filter id="f"> <feFlood flood-color="green"/> </filter> </svg> Doesn't work, adding the SVG element at the beginning works. <svg width="200" height="200"> <filter id="f"> <feFlood flood-color="green"/> </filter> </svg> <div></div> ... I don't know the regression window.
The problem occurs somewhere between r160907 and r160984.
I checked and build https://trac.webkit.org/changeset/160908 . It is the lazy render tree creation that causes the regression.
Thanks Antti! I didn't check if it works again yet. What fixed it?
<rdar://problem/16157970>
(In reply to comment #3) > Thanks Antti! I didn't check if it works again yet. What fixed it? Oh, sorry. Misread the message for bug 126976. Btw. I tried the synchronization of render tree just for filters (as you told me) but it didn't work.
I changed the test case from Comment 0 into JSFiddle: Link - https://jsfiddle.net/nkj4x298/show *** Safari 15.6.1 on macOS 12.5.1 *** Green bar does not show but when I scroll there is a text and then small patch of green below the text patch and text patch is space to green patch width. *** Safari Technology Preview 151 *** Green bar does show but after little time also when I scroll there is a text and then small patch of green below the text patch and text patch is space to green patch width. Although starting few characters of text is now overlapped by green bar. *** Chrome Canary 106 *** Green bar does show but after little time also when I scroll there is a text and then small patch of green below the text patch and text patch is space to green patch width. Although starting few characters of text is now overlapped by green bar. *** Firefox Nightly 105 *** Green bar does show but after little time also when I scroll there is a text and then small patch of green below the text patch and text patch is space to green patch width. Although starting few characters of text is now overlapped by green bar. __________ I would say that it is fixed in Safari Technology Preview 151 at least but only small issue is slight delay in rendering of "green" bar. I will leave it for others to conclude whether it can be considered as "RESOLVED CONFIGURATION CHANGED" or not. Thanks!
Curious what finally fixed this.