<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=476308 --> <head> <title>Test for Bug 345267</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> </head> <body> <button style="-moz-appearance: none; width: 100px; height: 60px; background-color: red; border: 2px solid green; box-shadow: 30px 0px 3.5px black; position: absolute; top: 300px; left: 20px;" id="button1">1</button> <br /> <div style="width: 100px; height: 100px; background-color: green; border: 3px dotted blue; box-shadow: -30px -20px 0px black; position: absolute; top: 500px; left: 70px;" id="div1">2</div> <script type="text/javascript"> var elem = document.elementFromPoint(130, 310); isnot(elem, document.getElementById("button1"), "button1's box-shadow is receiving events when it shouldn't"); elem = document.elementFromPoint(50, 500); isnot(elem, document.getElementById("div1"), "div1's box-shadow is receiving events when it shouldn't"); </script> </body> </html>