Bug 19678
| Summary: | Events listening to Image with map not triggered after DOM manipulation | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Shashi Daulatabad <shashidaulatabad> |
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | alex, ap, emacemac7 |
| Priority: | P2 | ||
| Version: | 525.x (Safari 3.1) | ||
| Hardware: | All | ||
| OS: | All | ||
| URL: | http://www.hivegroup.com/safari/test.html | ||
Shashi Daulatabad
ISSUE:
After the DOM is updated with new image and corresponding image map, events assigned to the div containing the img and map, do not respond or get triggered.
This issue was encountered in Safari 3.1.1 running both on Windows and Mac operating systems.
For you all to have a closer look at this issue, I have created a sample that has this problem, similar to one we experienced during one of our recent projects.
TO REPRODUCE THE BUG:
Click on the link below. There appears an image that has image map. Mouse over any of the two boxes and notice that corresponding area ID (target id) appears in the red colored box placed below the image.
Click on one of the two boxes (image) and then a new page is loaded that has a new image and corresponding image map to it.
(Until here all browsers behave the same. So far so good ...).
Now the new image has 4 pink colored boxes. Mouse over any of the boxes and the red colored box should now display the area id corresponding to the box.
Red colored box below the image is updated with the area id of the box when you mouse over any of the 4 boxes, in all the browsers EXCEPT IN SAFARI
One thing TO NOTICE IN SAFARI though is, when you click or mouseover on the blue strip saying 'ALL', which is also part of the image but does not have an area tag associated with it in the map, events get triggered.
Which means (events are getting triggered but) image maps aren't being associated to the image or not being read by safari browser somehow.
Further, (in all browsers except safari) click on the image and again a new page is loaded and 'mouseover' and 'click' events are trigerred.
As long as we mouse over the image, red box gets updated with the area id corresponding to that of the box from the image.
Also as long as we click a new page is loaded with new image (there are 3 images that are in loop).
LINK TO SAMPLE:
I recommend you to try this either in Firefox or IE before you do on Safari (to see the normal, expected behaviour first).
http://www.hivegroup.com/safari/test.html
All inputs and any help on this issue are welcome and greatly appreciated.
Thanking you in advance.
Regards,
Shashi
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexander Romanovich
This bug is still relevant; one of our clients came across it just today. It affects shipping Safari, Chrome, and WebKit nightly builds. I have produced a much simpler test case and posted it at:
http://www.sirensclef.com/image_map/
It very simply amounts to image maps no longer working after DOM manipulations occur for a containing node.
Alexey Proskuryakov
The new reduction is covered by bug 9504. The original might have the same root cause, too.
Alexey Proskuryakov
Yes, the original problem has the same root cause.
*** This bug has been marked as a duplicate of bug 9504 ***