575470 - SVG Use Element Target Event

Status: UNCONFIRMED

(Core :: SVG, defect)

Description

[delimeat52]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3

When getting the target and relatedTarget properties of an event concerning the SVG use element that has had an onmouseover or onmouseout event, the target property returns the use element and the relatedTarget property returns the element as described in the use element structure. The target property cannot be further queried to reveal the children described in the use element. Since an event fires every time the mouse changes objects within the use object, there is no way to determine if the mouse is within elements of the same use object or not. The described problem occurs whether the event is assigned statically or dynamically via javascript.

Reproducible: Always

Steps to Reproduce:
1. Create a svg g element with two or more elements that overlap.
2. Create a svg use element that reproduces the original g element.
3. Create an event for onmouseover or onmouseout on the original g element and the reproduced g element to report the event target and relatedTarget properties.
Actual Results:  
When the mouseover or mouseout event fires on the original g element, the event returns the sub-elements both entered and left for the target and relatedTarget properties. When the mouseover or mouseout event fires on the use element the relatedTarget property reacts similarly to the g element, but the target event returns the use element that it was created from.

Expected Results:  
On the use element the target property returns the use element it was generated from instead of the sub-element of the g element as it was inserted into the document tree. It should have returned the same value as the target property of the g element.

Comment 1

[delimeat52]

Attachment: Test case of the issue.