[Webkit-unassigned] [Bug 82623] New: SVG target style not respected when used in an img tag

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Mar 29 09:26:31 PDT 2012


https://bugs.webkit.org/show_bug.cgi?id=82623

           Summary: SVG target style not respected when used in an img tag
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: schenney at chromium.org
                CC: zimmermann at kde.org, krit at webkit.org


Created an attachment (id=134600)
 --> (https://bugs.webkit.org/attachment.cgi?id=134600&action=review)
Two files for repro. Load the html file.

Chromium http://code.google.com/p/chromium/issues/detail?id=120248

A user reports that the :target CSS selector does not work correctly with SVG content under some circumstances around the image tag. The easiest thing is to look at the attached repro case. In the repro case, the html file shoudl result in a set of cases and the text "Targetted" or "Not Targetted" after each case. The text to display is driven by the :target style selector, so failure of the text to appear represents failure of the CSS handling.

All other browsers do the right thing.

(It's a zip file because Ubuntu crashes when it tries to preview the repro case in a file load dialog. Beware.)

Here's the Chrome report:

Chrome Version       : 19.0.1077.3 (Official Build 128359) dev-m
URLs (if applicable) : http://www.w3.org/TR/SVG/linking.html#ViewHighlight
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
  Firefox Nightly 14.0a1: PASS
               Firefox 9: PASS
                   IE 10: PASS
                    IE 9: PASS
                Safari 5: FAIL
                  Chrome: FAIL

What steps will reproduce the problem?
1. Create an SVG that uses a :target style selector.
1. Use the img tag to display an image with a target component in the url (e.g. something.svg#the-target-id) to provide a CSS target.
2. Attempt to view the image.

What is the expected result?
The image is rendered with appropriate styling as per spec.

What happens instead?
The target is ignored, and rendered as if none given.

Please provide any additional information below. Attach a screenshot if possible.
Renders correctly if using embed, object, or iframe - but I don't want to allow any scripts contained within execute - using an embed also slows down page loading dramatically.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list