204195 2019-11-14 04:13:55 -0800 offsetParent is wrong if the offset parent is inside some shadow DOM 2019-11-25 14:26:06 -0800 1 1 1 Unclassified WebKit DOM Safari 13 Mac macOS 10.15 RESOLVED INVALID InRadar P2 Normal --- 148695 1 pascal.spadone webkit-unassigned emilio rniwa webkit-bug-importer oldest_to_newest 1590230 0 383553 pascal.spadone 2019-11-14 04:13:55 -0800 Created attachment 383553 Plunker that reproduces the issue If the offset parent of an element is part of some shadow DOM, .offsetParent incorrectly returns some node higher up the tree, outside of the shadow DOM. The following pluncker (also attached) demonstrates the issue: https://embed.plnkr.co/nxDd9HrA0XiN72WAbZBF/ . In MacOS Safari 13.0.3 as well as iOS 13.1 Safari, the reported .offsetParent is the body instead of the expected relative-positionned div. 1590960 1 webkit-bug-importer 2019-11-17 16:39:42 -0800 <rdar://problem/57268349> 1591523 2 emilio 2019-11-19 08:03:18 -0800 This is expected per https://bugzilla.mozilla.org/show_bug.cgi?id=1514074 / bug 157437 / https://github.com/w3c/csswg-drafts/issues/159, afaict. Firefox behaves the same. 1591939 3 pascal.spadone 2019-11-20 02:29:45 -0800 Fair enough! Makes sense that the DOM API should avoid leaking shadow nodes. I will check the Blink bug tracker and see if it makes sense to open a bug there, then. Apologies for not googling long enough before opening this ticket! 1593518 4 rniwa 2019-11-25 14:25:38 -0800 (In reply to Emilio Cobos Álvarez (:emilio) from comment #2) > This is expected per https://bugzilla.mozilla.org/show_bug.cgi?id=1514074 / > bug 157437 / https://github.com/w3c/csswg-drafts/issues/159, afaict. Firefox > behaves the same. Looks like Blink never implemented the new behavior. Commented on the issue to ping rakina & tkent. Hopefully they can align Blink's behavior. 1593519 5 rniwa 2019-11-25 14:26:06 -0800 Closing as invalid because WebKit's current behavior matches the spec & Firefox. 383553 2019-11-14 04:13:55 -0800 2019-11-14 04:13:55 -0800 Plunker that reproduces the issue plunk-nxDd9HrA0XiN72WAbZBF.zip application/zip 1950 pascal.spadone UEsDBAoAAAAAANJobk+K/wQl1wMAANcDAAAKAAAAaW5kZXguaHRtbDwhRE9DVFlQRSBodG1sPgo8 aHRtbD4KCiAgPGhlYWQ+CiAgICA8c3R5bGU+CiAgICAgICNjb250ZW50IHsKICAgICAgICBwb3Np dGlvbjogYWJzb2x1dGU7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgZ3JleTsKICAgICAgICB0 b3A6IDA7CiAgICAgICAgbGVmdDogMDsKICAgICAgICByaWdodDogMDsKICAgICAgfQogICAgPC9z dHlsZT4KICA8L2hlYWQ+CgogIDxib2R5IGlkPSJib2R5LWlkIj4KICAgIDx0ZW1wbGF0ZSBpZD0i bXktY29tcG9uZW50Ij4KICAgICAgPHN0eWxlPgogICAgICAgIC5zcGFjZXIgewogICAgICAgICAg YmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmV5OwogICAgICAgICAgaGVpZ2h0OiA1MHB4OwogICAg ICAgIH0KICAgICAgICAucmVsYXRpdmUgewogICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwog ICAgICAgIH0KICAgICAgPC9zdHlsZT4KICAgICAgPGRpdiBjbGFzcz0ic3BhY2VyIj4KICAgICAg ICBTb21lIHNwYWNlIHRvIHNob3cgdGhhdCB0aGUgY29udGVudCBiZWxvdyAKICAgICAgICBpcyBu b3QgcG9zaXRpb25uZWQgcmVsYXRpdmUgdG8gdGhlIGJvZHkKICAgICAgPC9kaXY+CiAgICAgIDxk aXYgaWQ9InJlbGF0aXZlLWRpdi1pZCIgY2xhc3M9InJlbGF0aXZlIj4KICAgICAgICA8c2xvdD48 L3Nsb3Q+CiAgICAgIDwvZGl2PgogICAgPC90ZW1wbGF0ZT4KICAgIAogICAgPG15LWNvbXBvbmVu dD4KICAgICAgPGRpdiBpZD0iY29udGVudCI+CiAgICAgICAgU29tZSBjb250ZW50IHdpdGggcG9z aXRpb246IGFic29sdXRlLjxicj4KICAgICAgICBPdXIgb2Zmc2V0IHBhcmVudCBpcyBleHBlY3Rl ZCB0byBiZSAjcmVsYXRpdmUtZGl2LWlkPGJyPgogICAgICAgIFRoZSBlbGVtZW50IHJldHVybmVk IGJ5IC5vZmZzZXRQYXJlbnQgaXMgIzwvZGl2PgogICAgPC9teS1jb21wb25lbnQ+CiAgICAKICAg IDxzY3JpcHQgc3JjPSJzY3JpcHQuanMiPjwvc2NyaXB0PgoKICA8L2JvZHk+Cgo8L2h0bWw+UEsD BAoAAAAAANJobk9CrQzAlQIAAJUCAAAJAAAAc2NyaXB0LmpzY3VzdG9tRWxlbWVudHMuZGVmaW5l KCdteS1jb21wb25lbnQnLAogIGNsYXNzIGV4dGVuZHMgSFRNTEVsZW1lbnQgewogICAgY29uc3Ry dWN0b3IoKSB7CiAgICAgIHN1cGVyKCk7CiAgICAgIGNvbnN0IHRlbXBsYXRlID0gZG9jdW1lbnQu Z2V0RWxlbWVudEJ5SWQoJ215LWNvbXBvbmVudCcpOwogICAgICBjb25zdCB0ZW1wbGF0ZUNvbnRl bnQgPSB0ZW1wbGF0ZS5jb250ZW50OwogICAgICB0aGlzLmF0dGFjaFNoYWRvdyh7IG1vZGU6ICdv cGVuJyB9KQogICAgICAgIC5hcHBlbmRDaGlsZCh0ZW1wbGF0ZUNvbnRlbnQuY2xvbmVOb2RlKHRy dWUpKTsKICAgIH0KICB9KQoKZnVuY3Rpb24gdGVzdE9mZnNldFBhcmVudCgpIHsKICBjb25zdCBj b250ZW50RGl2ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2NvbnRlbnQnKTsKICBjb25zdCBv ZmZzZXRQYXJlbnRJZCA9IGNvbnRlbnREaXYub2Zmc2V0UGFyZW50LmlkOwogIGNvbnRlbnREaXYu aW5uZXJIVE1MICs9IG9mZnNldFBhcmVudElkOwogIGNvbnNvbGUubG9nKCdjb250ZW50XCdzIGNv bXB1dGVkIG9mZnNldFBhcmVudCBpcyAjJyArIG9mZnNldFBhcmVudElkKTsKfQoKLy8gd2FpdCBm b3IgcGx1bmNrZXIgZnJhbWUgdG8gYmUgZHNpc3BsYXllZApzZXRUaW1lb3V0KHRlc3RPZmZzZXRQ YXJlbnQsIDEwMCk7ClBLAwQKAAAAAADSaG5PAAAAAAAAAAAAAAAACQAAAFJFQURNRS5tZFBLAQIU AAoAAAAAANJobk+K/wQl1wMAANcDAAAKAAAAAAAAAAAAAAAAAAAAAABpbmRleC5odG1sUEsBAhQA CgAAAAAA0mhuT0KtDMCVAgAAlQIAAAkAAAAAAAAAAAAAAAAA/wMAAHNjcmlwdC5qc1BLAQIUAAoA AAAAANJobk8AAAAAAAAAAAAAAAAJAAAAAAAAAAAAAAAAALsGAABSRUFETUUubWRQSwUGAAAAAAMA AwCmAAAA4gYAAAAA