| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <div style = "height: 150px;"> | 2 <div style = "height: 150px;"> |
| 3 <a href="#" id="link1"><div style="width: 20px; height: 20px; display: inlin
e-block"></div><div style="width: 80px; height: 100px; float: left;"></div></a> | 3 <a href="#" id="link1"><div style="width: 20px; height: 20px; display: inlin
e-block; background-color: #00f;"></div><div style="width: 80px; height: 100px;
float: left; background-color: #0f0;"></div></a> |
| 4 </div> | 4 </div> |
| 5 <div style = "height: 150px;"> | 5 <div style = "height: 150px;"> |
| 6 <a href="#" id="link2"><div style="width: 100px; height: 96px; position: rel
ative; display: inline-block;"></div></a> | 6 <a href="#" id="link2"><div style="width: 100px; height: 96px; position: rel
ative; display: inline-block; background-color: #f00;"></div></a> |
| 7 </div> | 7 </div> |
| 8 <div id="result"></div> | 8 <div id="result"></div> |
| 9 <script> | 9 <script> |
| 10 if (window.accessibilityController) { | 10 if (window.accessibilityController) { |
| 11 testRunner.dumpAsText(); | 11 testRunner.dumpAsText(); |
| 12 | 12 |
| 13 document.getElementById("link1").focus(); | 13 document.getElementById("link1").focus(); |
| 14 var link1 = accessibilityController.focusedElement; | 14 var link1 = accessibilityController.focusedElement; |
| 15 document.getElementById("link2").focus(); | 15 document.getElementById("link2").focus(); |
| 16 var link2 = accessibilityController.focusedElement; | 16 var link2 = accessibilityController.focusedElement; |
| 17 | 17 |
| 18 document.getElementById("result").innerText = "link 1 dimensions: " + li
nk1.width + " x " + link1.height + "; link 2 dimensions: " + link2.width + " x "
+ link2.height; | 18 document.getElementById("result").innerText = "link 1 dimensions: " + li
nk1.width + " x " + link1.height + "; link 2 dimensions: " + link2.width + " x "
+ link2.height; |
| 19 } | 19 } |
| 20 </script> | 20 </script> |
| OLD | NEW |