Bug 126976 – REGRESSION (r160908): Forward referencing with -webkit-filter doesn't work anymore

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: CSS

[Dirk Schulze]

<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.

[Dirk Schulze]

The problem occurs somewhere between r160907 and r160984.

[Dirk Schulze]

I checked and build https://trac.webkit.org/changeset/160908 . It is the lazy render tree creation that causes the regression.

[Dirk Schulze]

Thanks Antti! I didn't check if it works again yet. What fixed it?

[Radar WebKit Bug Importer]

<rdar://problem/16157970>

[Dirk Schulze]

(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.

[Ahmad Saleem]

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!

[Alexey Proskuryakov]

Curious what finally fixed this.