Xidorn Quan [:xidorn] UTC+11 Reporter
	Description • 8 years ago

Steps to reproduce:
1. open the attached testcase

Expected result:
It shows red characters.

Actual result:
It shows nothing.


In this testcase, the containing <svg> element of the target filter has "display: none", which makes it hide anything the filter applies to.

I think it is not an intuitive result. When people use in-page SVG filter (probably also mask and path), they in general don't want the <svg> element to affect the layout, so it is pretty natural to set "display: none" on it.

Examples on MDN use "position: absolute; top: -9999px;" to achive the same result, but I think that should be considered only a hack. I don't see why filter shouldn't function properly when its containing <svg> is not rendered.

	Xidorn Quan [:xidorn] UTC+11 Reporter
	Comment 1 • 8 years ago

FWIW, the testcase does work as expected in Blink and WebKit.