Closed Bug 1194246 Opened 9 years ago Closed 9 years ago

CSS selectors match the shadow dom inside use element

Categories

(Core :: SVG, defect)

41 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 265894

People

(Reporter: fvsch, Unassigned)

Details

Attachments

(1 file)

When using <svg><use xlink:href="url"></use></svg>, Firefox generates a shadow-y dom that seems to look like:

<svg>
  <use>
    <svg>
      <!-- shapes etc. -->
    </svg>
  </use>
<svg>

and it also matches CSS selectors with this shadow-y dom. This can create bugs in author code, for instance:

.footer svg { fill: gray; }
.footer svg.something { fill: black; } /* will still look white! */

See the attached test case for live examples.

Other browsers don't have this issue.
Status: UNCONFIRMED → RESOLVED
Closed: 9 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: