touch events don't get fired in shadow dom
Categories
(DevTools :: Responsive Design Mode, defect, P3)
Tracking
(Not tracked)
People
(Reporter: lijiahao99131, Unassigned)
References
(Blocks 1 open bug)
Details
(Whiteboard: [rdm-reserve])
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:70.0) Gecko/20100101 Firefox/70.0
Steps to reproduce:
- Write a component that enables shadow dom encapsulation, I've tried to do this with Lit-Element and Angular, but I guess it's a problem with any shadow dom encapsulated custom elements.
- Listen to either touch event of an element inside the shadow dom ('touchstart', 'touchmove', 'touchend').
- Open devtools, open responsive design mode with touch simulation on.
- Click on the element (simulates touchstart), click on the element and move mouse pointer (simulates touchmove), click on the element and then release mouse pointer (simulates touchend).
Actual results:
Nothing happens, the event doesn't get fired.
The event (of elements inside shadow dom) gets fired in Chrome devtools. The event gets fired if we're listening to a touch event on a light dom (e.g. document) in Firefox devtools. But the event won't get fired if we're listening to a touch event on an element inside shadow dom in Firefox devtools.
Expected results:
The event should get fired.
Comment 1•5 years ago
|
||
Thank you for filing. We have a number of RDM touch bugs, unfortunately. This one may be more about our event handling.
If you can upload a testcase, that would be helpful. Otherwise, it looks like we have enough information to construct one.
Reporter | ||
Comment 2•5 years ago
|
||
Here's a testcase: https://codepen.io/rikakomoe/pen/GRRpmjw
Cheers
Comment 3•4 years ago
|
||
Tested this with the above test case in Firefox Nightly 77.0a1 (2020-04-14) (64-bit). Looks like this issue was fixed at some point while we were re-working the touch-simulator.
Will mark as fixed. Please feel free to open if this is not the case.
Description
•