Klaus Ganser Reporter
	Description • 9 years ago

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.81 Safari/537.36

Steps to reproduce:

Apply display:none to an svg element included in an html document via <use>. Try applying display:inline to the same element with a selector of higher precedence.  The svg will not display.

Displays fine on latest Chrome and IE.  Tested on FF 38.0.1.  See attached test case


Actual results:

SVG does not display


Expected results:

SVG displays

	Robert Longson [:longsonr]
	Comment 2 • 9 years ago

Make the SVG you want to hide a child of <defs> rather than display:none for a cross-browser result

	Klaus Ganser Reporter
	Comment 3 • 9 years ago

The workaround was not to use `svg` in the CSS selectors when applying display:none, which made is overridable. Adding <defs> didn't seem to have any effect.