| OLD | NEW |
|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> | 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> | 3 <head> |
| 4 <title>Image map bug</title> | 4 <title>Image map bug</title> |
| 5 <script type="text/javascript"> | 5 <script type="text/javascript"> |
| 6 if (window.testRunner) | 6 if (window.testRunner) |
| 7 testRunner.dumpAsText(); | 7 testRunner.dumpAsText(); |
| 8 | 8 |
| 9 function changeMap() { | 9 function changeMap() { |
| 10 var i = document.getElementById('img'); | 10 var i = document.getElementById('img'); |
| 11 var h = document.getElementById('mapHolder'); | 11 var h = document.getElementById('mapHolder'); |
| 12 i.useMap = ''; | 12 i.useMap = ''; |
| 13 h.innerHTML = '<map name="map"><area shape="rect" coords="0,0,300,200" alt="
" href="javascript:success()"></map>'; | 13 h.innerHTML = '<map name="map"><area shape="rect" coords="0,0,300,200" alt="
" href="javascript:success()"></map>'; |
| 14 i.useMap = '#map'; | 14 i.useMap = '#map'; |
| 15 } | 15 } |
| 16 | 16 |
| 17 function test() { | 17 function test() { |
| 18 changeMap(); | 18 changeMap(); |
| 19 if (window.eventSender) { | 19 if (window.eventSender) { |
| 20 // Mouse events only work after an initial layout |
| 21 document.body.offsetLeft; |
| 20 eventSender.mouseMoveTo(100, 100); | 22 eventSender.mouseMoveTo(100, 100); |
| 21 eventSender.mouseDown(); | 23 eventSender.mouseDown(); |
| 22 eventSender.mouseUp(); | 24 eventSender.mouseUp(); |
| 23 } else | 25 } else |
| 24 document.getElementById("log").innerHTML = "Please click the image"; | 26 document.getElementById("log").innerHTML = "Please click the image"; |
| 25 } | 27 } |
| 26 | 28 |
| 27 function success() { | 29 function success() { |
| 28 document.getElementById("log").innerHTML = "SUCCESS"; | 30 document.getElementById("log").innerHTML = "SUCCESS"; |
| 29 } | 31 } |
| 30 | 32 |
| 31 function fail() { | 33 function fail() { |
| 32 document.getElementById("log").innerHTML = "FAIL"; | 34 document.getElementById("log").innerHTML = "FAIL"; |
| 33 } | 35 } |
| 34 </script> | 36 </script> |
| 35 </head> | 37 </head> |
| 36 <body onload="test()"> | 38 <body onload="test()"> |
| 37 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=9504">bug 9504</a>:
img tag rewritten by innerHTML doesn't use image map.</p> | 39 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=9504">bug 9504</a>:
img tag rewritten by innerHTML doesn't use image map.</p> |
| 38 <div id=log>Testing...</div> | 40 <div id=log>Testing...</div> |
| 39 <div> | 41 <div> |
| 40 <img id="img" width="300" height="200" usemap="#map" alt="" src="data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUC
NdjYKhnAAABAgCAbV7tZwAAAABJRU5ErkJggg=="/> | 42 <img id="img" width="300" height="200" usemap="#map" alt="" src="data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUC
NdjYKhnAAABAgCAbV7tZwAAAABJRU5ErkJggg=="/> |
| 41 </div> | 43 </div> |
| 42 <div id="mapHolder"><map name="map"><area shape="rect" coords="0,0,300,200" alt=
"" title="First" href="javascript:fail()"></map></div> | 44 <div id="mapHolder"><map name="map"><area shape="rect" coords="0,0,300,200" alt=
"" title="First" href="javascript:fail()"></map></div> |
| 43 </body> | 45 </body> |
| 44 </html> | 46 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 14859016:
Don't force layout for mouse event hit tests (Closed)
Base URL: svn://svn.chromium.org/blink/trunk