<!
DOCTYPE HTML>
<
html>
<
head>
<
title>Test for pointer-events in
HTML</
title>
<
script src=
"/tests/SimpleTest/SimpleTest.js"></
script>
<
script src=
"/tests/SimpleTest/EventUtils.js"></
script>
<
link rel=
"stylesheet" type=
"text/css" href=
"/tests/SimpleTest/test.css" />
<
style type=
"text/css">
div { height: 10px; width: 10px; background: black; }
</
style>
</
head>
<!-- need a set timeout because we need things to start after painting suppression ends -->
<
body onload=
"setTimeout(run_test, 0)">
<a target=
"_blank" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=">Mozilla Bug </a>
<
div id=
"display" style=
"position: absolute; top: 0; left: 0; width: 300px; height: 300px">
<
div id=
"one"></
div>
<
div id=
"two" style=
"pointer-events: visiblePainted;"></
div>
<
div id=
"three" style=
"height: 20px; pointer-events: none;">
<
div id=
"four"style=
"margin-top: 10px;"></
div>
</
div>
<a id=
"five" style=
"pointer-events: none;" href=
"http://mozilla.org/">
link</a>
<
input id=
"six" style=
"pointer-events: none;" type=
"button" value=
"button" />
<
table>
<
tr style=
"pointer-events: none;">
<
td id=
"seven">no</
td>
<
td id=
"eight" style=
"pointer-events: visiblePainted;">yes</
td>
<
td id=
"nine" style=
"pointer-events: auto;">yes</
td>
</
td>
<
tr style=
"opacity: 0.5; pointer-events: none;">
<
td id=
"ten">no</
td>
<
td id=
"eleven" style=
"pointer-events: visiblePainted;">yes</
td>
<
td id=
"twelve" style=
"pointer-events: auto;">yes</
td>
</
td>
</
table>
<
iframe id=
"thirteen" style=
"pointer-events: none;" src=
"about:blank" width=
"100" heig
ht="100"></iframe>
<script type="application/javascript">
var iframe = document.getElementById("thirteen");
iframe.contentDocument.open();
iframe.contentDocument.writeln("
