187940 2018-07-23 23:18:21 -0700 Cannot use drag and drop API with custom elements 2018-09-20 22:43:48 -0700 1 1 1 Unclassified WebKit UI Events WebKit Nightly Build Unspecified Unspecified RESOLVED DUPLICATE 136836 InRadar P2 Normal --- 148695 1 thorton webkit-unassigned ap bdakin rniwa simon.fraser webkit-bug-importer wenson_hsieh oldest_to_newest 1444551 0 345636 thorton 2018-07-23 23:18:21 -0700 Created attachment 345636 repro See attached repro case. I cannot find a way to make a custom element that successfully drags using draggable=true/ondragstart. The equivalent content not inside a custom element shadow DOM works fine. 1444554 1 thorton 2018-07-23 23:24:28 -0700 dragStart does get called... 1444692 2 webkit-bug-importer 2018-07-24 08:37:18 -0700 <rdar://problem/42542400> 1446786 3 rniwa 2018-07-31 19:14:13 -0700 Oh, this is an issue with shadow DOM, not custom elements. 1461736 4 rniwa 2018-09-20 22:43:48 -0700 *** This bug has been marked as a duplicate of bug 136836 *** 345636 2018-07-23 23:18:21 -0700 2018-07-23 23:18:21 -0700 repro drag.html text/html 934 thorton PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDxzY3JpcHQ+CgpjbGFzcyBEcmFnZ2Fi bGVUaGluZ3kgZXh0ZW5kcyBIVE1MRWxlbWVudCB7CiAgICBjb25zdHJ1Y3RvcigpIHsKICAgICAg ICBzdXBlcigpOwoKICAgICAgICB0aGlzLl9yb290ID0gdGhpcy5hdHRhY2hTaGFkb3coe21vZGU6 ICdjbG9zZWQnfSk7CiAgICAgICAgdGhpcy5fcm9vdC5pbm5lckhUTUwgPSBgCiAgICAgICAgPHN0 eWxlPgogICAgICAgICNhIHsKICAgICAgICAgICAgd2lkdGg6IDEwMHB4OwogICAgICAgICAgICBo ZWlnaHQ6IDEwMHB4OwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7CiAgICAgICAg fQogICAgICAgIDwvc3R5bGU+CgogICAgICAgIDxkaXYgaWQ9J2EnPkRyYWcgTWUgKHlvdSBjYW4n dCk8L2Rpdj5gOwogICAgfQp9Cgp3aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdkcmFnZ2Fi bGUtdGhpbmd5JywgRHJhZ2dhYmxlVGhpbmd5KTsKCmZ1bmN0aW9uIGRyYWdTdGFydCgpIHsgY29u c29sZS5sb2coImRyYWdTdGFydCIpOyB9Cgo8L3NjcmlwdD4KPC9oZWFkPgo8Ym9keT4KICAgIDxk cmFnZ2FibGUtdGhpbmd5IGRyYWdnYWJsZT0idHJ1ZSIgb25kcmFnc3RhcnQ9ImRyYWdTdGFydChl dmVudCk7Ij48L2RyYWdnYWJsZS10aGluZ3k+CiAgICA8ZGl2IGRyYWdnYWJsZT0idHJ1ZSIgb25k cmFnc3RhcnQ9ImRyYWdTdGFydChldmVudCk7Ij48ZHJhZ2dhYmxlLXRoaW5neT48L2RyYWdnYWJs ZS10aGluZ3k+PC9kaXY+CiAgICA8ZGl2IGRyYWdnYWJsZT0idHJ1ZSIgb25kcmFnc3RhcnQ9ImRy YWdTdGFydChldmVudCk7IiBzdHlsZT0id2lkdGg6IDEwMHB4OyBoZWlnaHQ6IDEwMHB4OyBiYWNr Z3JvdW5kLWNvbG9yOiBncmVlbjsiPkRyYWcgTWUgKGJ1dCBvZiBjb3Vyc2UgdGhhdCB3b3Jrcyk8 L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+Cg==