LayoutTests/svg/hittest/svg-inside-display-table.xhtml

   1 <html xmlns='http://www.w3.org/1999/xhtml'>
   2   <head>
   3     <style>
   4       body {
   5           margin: 0px;
   6           padding: 0px;
   7           border: 1px solid black;
   8           display: table; /* Causes the bug */
   9       }
  10       #square {
  11         fill: blue;
  12       }
  13       #square:hover {
  14         fill: green;
  15       }
  16     </style>
  17   </head>
  18   <body>
  19       <svg width='100px' height='100px' xmlns='http://www.w3.org/2000/svg'>
  20         <svg>
  21           <rect id='square' width='100' height='100' onclick='alert("You clicked the square! It worked!")'/>
  22         </svg>
  23       </svg>
  24   </body>
  25   <script><![CDATA[
  26   if (window.layoutTestController) {
  27     layoutTestController.dumpAsText();
  28   }
  29   var hitElement = document.elementFromPoint(50, 50);
  30   var hitSuccess = hitElement && hitElement == document.getElementById("square");
  31   document.body.innerHTML = hitSuccess ? "PASSED" : "FAIL, hit " + hitElement + " @ 50, 50";
  32   ]]></script>
  33 </html>