Merge pull request #4497 from w3c/sync_fcc4056c57ce640a51358aa733c1e1…

…45d08a7af7

The fieldset's border drawing display item shouldn't participate in hit-testing.  That's handled by its background item already.

cssom-view/elementFromPoint.html

@@ -52,6 +52,19 @@
   <area id="rectG" shape="rect" coords="0,0,90,100" href="#" alt="area 1"/>
   <area id="circleO" shape="circle" coords="120,60,30" href="#" alt="area 2"/>
   <area id="polyLE" shape="poly" coords="280,0,310,0,360,30,360,90,280,90" href="#" alt="area 3"/>
+  <!-- Test for fieldsets not doing weird things.  Use a 200x200 div to hold
+       all the bits for this test. Also, place it top/right, so it is not below
+       the bottom edge of the viewport. -->
+  <div style="position: absolute; width: 200px; height: 200px; right: 0; top: 0">
+    <div id="fieldset-div"
+         class="size" style="position: absolute; top: 0; left: 0">
+    </div>
+    <fieldset class="size" style="position: absolute; top: 100px; left: 100px">
+      <!-- Place the child span so the overflow area of the fieldset overlaps
+           the div -->
+      <span style="position: absolute; top: -100px; left: -100px; height: 1px; width: 1px"></span>
+    </fieldset>
+  </div>
   <script>
     setup({explicit_done:true});
     window.onload = function () {
@@ -168,6 +181,15 @@
                         image,
                         "Should have returned the image element");
       }, "Image Maps");
+
+      test(function(){
+          var fieldsetDiv = document.getElementById("fieldset-div");
+          var divRect = fieldsetDiv.getBoundingClientRect();
+          assert_equals(document.elementFromPoint(divRect.left + divRect.width/2,
+                                                  divRect.top + divRect.height/2),
+                        fieldsetDiv,
+                        "The fieldset should not cover up the div it doesn't even overlap");
+      }, "Fieldsets");
       done();
     }
  </script>