Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /svg/struct/reftests/use-event-handler-no-loss-of-events.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html class="reftest-wait"></html>
<meta charset="utf-8">
<title>No loss of events when use instances copies event handlers</title>
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="match" href="reference/green-100x100.html">
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<defs>
<rect id="target" width="100" height="100" onclick="click()" onmouseover="handleMouseOver()"/>
</defs>
<use id="use" href="#target"/>
</svg>
<script>
const use = document.getElementById("use");
function click() {
document.getElementById("target").setAttribute("fill", "green");
}
function handleMouseOver() {
document.getElementById("target").setAttribute("fill", "red");
}
requestAnimationFrame(() => requestAnimationFrame(() => {
new test_driver.Actions()
.pointerMove(50, 50, { origin: use })
.pointerDown()
.pointerUp()
.send()
.then(() => document.documentElement.classList.remove('reftest-wait'));
}));
</script>
</html>