WebKit Bugzilla
Attachment 347090 Details for
Bug 188561
: mouseenter and mouseleave events don't get dispatched even when there is a capturing event listener for a slot ancestor
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
testcase, move mouse to top left corner, open console and reload and move mouse per instructions
mouseenter.html (text/html), 1.07 KB, created by
Olli Pettay (:smaug)
on 2018-08-14 10:46:21 PDT
(
hide
)
Description:
testcase, move mouse to top left corner, open console and reload and move mouse per instructions
Filename:
MIME Type:
Creator:
Olli Pettay (:smaug)
Created:
2018-08-14 10:46:21 PDT
Size:
1.07 KB
patch
obsolete
><html> > <head> > <title></title> > <script> > var c = 0; > function logListener(e) { > console.log("[" + (++c) + "] " + e.type + ", target: " + e.target + ", id=" + e.target.id); > } > > function dummyListener() { > } > > function init() { > var h1 = document.getElementById("host1"); > var sr1 = h1.attachShadow({mode: "open"}); > sr1.innerHTML = "<span>Move mouse over me and look at the console</span>"; > h1.addEventListener("mouseenter", logListener); > > var h2 = document.getElementById("host2"); > var sr2 = h2.attachShadow({mode: "open"}); > sr2.innerHTML = "<span>Move mouse over me and look at the console</span>"; > h2.addEventListener("mouseenter", logListener); > sr2.firstChild.addEventListener("mouseenter", dummyListener); > } > </script> > <style> > </style> > </head> > <body onload="init()"> > <h3>host1 with event listener only on host element.</h3> > <div id="host1"></div> > <hr> > <h3>host2 with event listener on host element and in shadow element</h3> > <div id="host2"></div> > </body> ></html>
<html> <head> <title></title> <script> var c = 0; function logListener(e) { console.log("[" + (++c) + "] " + e.type + ", target: " + e.target + ", id=" + e.target.id); } function dummyListener() { } function init() { var h1 = document.getElementById("host1"); var sr1 = h1.attachShadow({mode: "open"}); sr1.innerHTML = "<span>Move mouse over me and look at the console</span>"; h1.addEventListener("mouseenter", logListener); var h2 = document.getElementById("host2"); var sr2 = h2.attachShadow({mode: "open"}); sr2.innerHTML = "<span>Move mouse over me and look at the console</span>"; h2.addEventListener("mouseenter", logListener); sr2.firstChild.addEventListener("mouseenter", dummyListener); } </script> <style> </style> </head> <body onload="init()"> <h3>host1 with event listener only on host element.</h3> <div id="host1"></div> <hr> <h3>host2 with event listener on host element and in shadow element</h3> <div id="host2"></div> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 188561
: 347090 |
349229
|
349234
|
349236
|
349237
|
349242