Closed Bug 1170041 Opened 9 years ago Closed 9 years ago

CSS display:none cannot be overridden on <svg>

Categories

(Firefox :: Untriaged, defect)

38 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 376027

People

(Reporter: kganser, Unassigned)

Details

Attachments

(1 file)

Attached file svg_bug.html (deleted) —
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
Status: UNCONFIRMED → RESOLVED
Closed: 9 years ago
Resolution: --- → DUPLICATE
Make the SVG you want to hide a child of <defs> rather than display:none for a cross-browser result
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.
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: