227652 2021-07-02 17:43:21 -0700 Shadow host stops rendering after removing a slot, updating style, then its assigned node 2021-07-08 07:48:17 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 14 All macOS 11 RESOLVED FIXED https://jsfiddle.net/ditman/rmwqjLah/ InRadar P2 Normal --- 148695 1 ditman webkit-unassigned bfulgham cdumez ditman esprehn+autocc ews-watchlist kangil.han koivisto rniwa simon.fraser svillar webkit-bug-importer zalan oldest_to_newest 1774630 0 ditman 2021-07-02 17:43:21 -0700 Given this DOM: div#container :shadowRoot | div#bg | slot[name=something] ` div#slotted[slot=something] If the slot element is removed from the shadow root, and then (in a separate timeout) div#slotted is removed from the light DOM, the div#container will lose its layout and become invisible on the page. Minimal repro case: * https://jsfiddle.net/ditman/rmwqjLah/ The following things happen in the link above: 1. The output becomes yellow (background of #container) 2. The output becomes green, and has some text (the slot inside of a div#bg container has been appended into the Shadow DOM) 3. The output becomes green, without text (the slot has been deleted from the Shadow DOM) 4. The output becomes RED (the div#slotted is removed from the Light DOM, and #container loses layout, revealing the body of the page behind it!) I'd expect that step 4 stays the same as step 3. I've tested other browsers and that's what they do. I've seen this bug with Safari 14 and 15 (Tech preview) in MacOS 11.4 (Big Sur) and stock Safari on iOS 14.6. 1774633 1 ditman 2021-07-02 18:04:32 -0700 Original user report (Flutter Web): https://github.com/flutter/flutter/issues/84832 Issue workaround here: https://github.com/flutter/engine/pull/27154 Cleanup ticket: https://github.com/flutter/flutter/issues/85816 1775389 2 rniwa 2021-07-07 12:34:05 -0700 I can reproduce this at r279638. 1775584 3 ditman 2021-07-07 19:38:34 -0700 Thanks for verifying in a more recent build! (I couldn't get builds from the archives to run in my corporate laptop properly!) 1775598 4 433113 rniwa 2021-07-07 20:54:24 -0700 Created attachment 433113 Reduction 1775657 5 433128 koivisto 2021-07-08 06:21:22 -0700 Created attachment 433128 patch 1775663 6 ews-feeder 2021-07-08 07:47:42 -0700 Committed r279721 (239509@main): <https://commits.webkit.org/239509@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 433128. 1775664 7 webkit-bug-importer 2021-07-08 07:48:17 -0700 <rdar://problem/80323422> 433113 2021-07-07 20:54:24 -0700 2021-07-07 20:54:24 -0700 Reduction bug227652.html text/html 771 rniwa PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8Ym9keT4KPHN0eWxlPiBkaXYgeyB3aWR0aDogMTAwcHg7 IGhlaWdodDogMTAwcHg7IH0gPC9zdHlsZT4KPGRpdiBpZD0iY29udGFpbmVyIiBzdHlsZT0iYmFj a2dyb3VuZDogcmVkOyI+CjxkaXYgaWQ9Imhvc3QiIHN0eWxlPSJiYWNrZ3JvdW5kOiBibHVlOyI+ PGRpdiBpZD0iY2hpbGQiPlNvbWUgY29udGVudCAoRE9NKTwvZGl2PjwvZGl2Pgo8L2Rpdj4KPHNj cmlwdD4KCmNvbnN0IHNsb3R0ZWQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcjc2xvdHRlZCcp OwoKY29uc3Qgc2hhZG93Um9vdCA9IGhvc3QuYXR0YWNoU2hhZG93KHttb2RlOiAnY2xvc2VkJ30p OwpzaGFkb3dSb290LmlubmVySFRNTCA9ICc8ZGl2IHN0eWxlPSJ3aWR0aDogMTAwcHg7IGhlaWdo dDogMTAwcHg7IGJhY2tncm91bmQ6IGdyZWVuOyI+PHNsb3Q+PC9zbG90PjwvZGl2Pic7CnNoYWRv d1Jvb3QucXVlcnlTZWxlY3Rvcignc2xvdCcpLnJlbW92ZSgpOwoKZG9jdW1lbnQuYm9keS5nZXRC b3VuZGluZ0NsaWVudFJlY3QoKTsKCmNoaWxkLnJlbW92ZSgpOwoKZG9jdW1lbnQuYm9keS5nZXRC b3VuZGluZ0NsaWVudFJlY3QoKTsKCigoKSA9PiB7CiAgICByZXR1cm47CiAgICBkb2N1bWVudC5i b2R5LnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7CiAgICBkb2N1bWVudC5ib2R5LmdldEJvdW5kaW5n Q2xpZW50UmVjdCgpOwogICAgZG9jdW1lbnQuYm9keS5zdHlsZS5kaXNwbGF5ID0gbnVsbDsKfSko KTsKCjwvc2NyaXB0Pgo8L2JvZHk+CjwvaHRtbD4K 433128 2021-07-08 06:21:22 -0700 2021-07-08 07:47:43 -0700 patch remove-slot-and-host-child.patch text/plain 3670 koivisto ZGlmZiAtLWdpdCBhL0xheW91dFRlc3RzL0NoYW5nZUxvZyBiL0xheW91dFRlc3RzL0NoYW5nZUxv ZwppbmRleCAyNGRjODU4ZjRhNzYuLjU1OTViNGJlYzFmZCAxMDA2NDQKLS0tIGEvTGF5b3V0VGVz dHMvQ2hhbmdlTG9nCisrKyBiL0xheW91dFRlc3RzL0NoYW5nZUxvZwpAQCAtMSwzICsxLDEzIEBA CisyMDIxLTA3LTA4ICBBbnR0aSBLb2l2aXN0byAgPGFudHRpQGFwcGxlLmNvbT4KKworICAgICAg ICBTaGFkb3cgaG9zdCBzdG9wcyByZW5kZXJpbmcgYWZ0ZXIgcmVtb3ZpbmcgYSBzbG90LCB1cGRh dGluZyBzdHlsZSwgdGhlbiBpdHMgYXNzaWduZWQgbm9kZQorICAgICAgICBodHRwczovL2J1Z3Mu d2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9MjI3NjUyCisKKyAgICAgICAgUmV2aWV3ZWQgYnkg Tk9CT0RZIChPT1BTISkuCisKKyAgICAgICAgKiBmYXN0L3NoYWRvdy1kb20vcmVtb3ZlLXNsb3Qt YW5kLWhvc3QtY2hpbGQtZXhwZWN0ZWQuaHRtbDogQWRkZWQuCisgICAgICAgICogZmFzdC9zaGFk b3ctZG9tL3JlbW92ZS1zbG90LWFuZC1ob3N0LWNoaWxkLmh0bWw6IEFkZGVkLgorCiAyMDIxLTA3 LTA2ICBFcmljIEh1dGNoaXNvbiAgPGVodXRjaGlzb25AYXBwbGUuY29tPgogCiAgICAgICAgIFtC aWdTdXIgRSBXazIgUmVsZWFzZV0gaW1wb3J0ZWQvdzNjL3dlYi1wbGF0Zm9ybS10ZXN0cy93ZWJy dGMvUlRDUnRwU2VuZGVyLWVuY29kZS1zYW1lLXRyYWNrLXR3aWNlLmh0dHBzLmh0bWwgaW4gZmxh a3kgZmFpbHVyZQpkaWZmIC0tZ2l0IGEvTGF5b3V0VGVzdHMvZmFzdC9zaGFkb3ctZG9tL3JlbW92 ZS1zbG90LWFuZC1ob3N0LWNoaWxkLWV4cGVjdGVkLmh0bWwgYi9MYXlvdXRUZXN0cy9mYXN0L3No YWRvdy1kb20vcmVtb3ZlLXNsb3QtYW5kLWhvc3QtY2hpbGQtZXhwZWN0ZWQuaHRtbApuZXcgZmls ZSBtb2RlIDEwMDY0NAppbmRleCAwMDAwMDAwMDAwMDAuLjUxMzE0ZGVjMmFmNgotLS0gL2Rldi9u dWxsCisrKyBiL0xheW91dFRlc3RzL2Zhc3Qvc2hhZG93LWRvbS9yZW1vdmUtc2xvdC1hbmQtaG9z dC1jaGlsZC1leHBlY3RlZC5odG1sCkBAIC0wLDAgKzEgQEAKKzxkaXYgc3R5bGU9IndpZHRoOiAx MDBweDsgaGVpZ2h0OiAxMDBweDsgYmFja2dyb3VuZDogZ3JlZW47Ij4KZGlmZiAtLWdpdCBhL0xh eW91dFRlc3RzL2Zhc3Qvc2hhZG93LWRvbS9yZW1vdmUtc2xvdC1hbmQtaG9zdC1jaGlsZC5odG1s IGIvTGF5b3V0VGVzdHMvZmFzdC9zaGFkb3ctZG9tL3JlbW92ZS1zbG90LWFuZC1ob3N0LWNoaWxk Lmh0bWwKbmV3IGZpbGUgbW9kZSAxMDA2NDQKaW5kZXggMDAwMDAwMDAwMDAwLi43YmRjMTQ3Zjdl Y2IKLS0tIC9kZXYvbnVsbAorKysgYi9MYXlvdXRUZXN0cy9mYXN0L3NoYWRvdy1kb20vcmVtb3Zl LXNsb3QtYW5kLWhvc3QtY2hpbGQuaHRtbApAQCAtMCwwICsxLDI0IEBACis8IURPQ1RZUEUgaHRt bD4KKzxodG1sPgorPGJvZHk+Cis8c3R5bGU+IGRpdiB7IHdpZHRoOiAxMDBweDsgaGVpZ2h0OiAx MDBweDsgfSA8L3N0eWxlPgorPGRpdiBpZD0iY29udGFpbmVyIiBzdHlsZT0iYmFja2dyb3VuZDog cmVkOyI+Cis8ZGl2IGlkPSJob3N0IiBzdHlsZT0iYmFja2dyb3VuZDogYmx1ZTsiPjxkaXYgaWQ9 ImNoaWxkIj5Tb21lIGNvbnRlbnQgKERPTSk8L2Rpdj48L2Rpdj4KKzwvZGl2PgorPHNjcmlwdD4K KworY29uc3Qgc2xvdHRlZCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNzbG90dGVkJyk7CisK K2NvbnN0IHNoYWRvd1Jvb3QgPSBob3N0LmF0dGFjaFNoYWRvdyh7bW9kZTogJ2Nsb3NlZCd9KTsK K3NoYWRvd1Jvb3QuaW5uZXJIVE1MID0gJzxkaXYgc3R5bGU9IndpZHRoOiAxMDBweDsgaGVpZ2h0 OiAxMDBweDsgYmFja2dyb3VuZDogZ3JlZW47Ij48c2xvdD48L3Nsb3Q+PC9kaXY+JzsKK3NoYWRv d1Jvb3QucXVlcnlTZWxlY3Rvcignc2xvdCcpLnJlbW92ZSgpOworCitkb2N1bWVudC5ib2R5Lmdl dEJvdW5kaW5nQ2xpZW50UmVjdCgpOworCitjaGlsZC5yZW1vdmUoKTsKKworZG9jdW1lbnQuYm9k eS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTsKKworPC9zY3JpcHQ+Cis8L2JvZHk+Cis8L2h0bWw+ CmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cgYi9Tb3VyY2UvV2ViQ29yZS9D aGFuZ2VMb2cKaW5kZXggMzU3M2M1NDdhOWU3Li42YmVkZTBmZWQyY2YgMTAwNjQ0Ci0tLSBhL1Nv dXJjZS9XZWJDb3JlL0NoYW5nZUxvZworKysgYi9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKQEAg LTEsMyArMSwxNyBAQAorMjAyMS0wNy0wOCAgQW50dGkgS29pdmlzdG8gIDxhbnR0aUBhcHBsZS5j b20+CisKKyAgICAgICAgU2hhZG93IGhvc3Qgc3RvcHMgcmVuZGVyaW5nIGFmdGVyIHJlbW92aW5n IGEgc2xvdCwgdXBkYXRpbmcgc3R5bGUsIHRoZW4gaXRzIGFzc2lnbmVkIG5vZGUKKyAgICAgICAg aHR0cHM6Ly9idWdzLndlYmtpdC5vcmcvc2hvd19idWcuY2dpP2lkPTIyNzY1MgorCisgICAgICAg IFJldmlld2VkIGJ5IE5PQk9EWSAoT09QUyEpLgorCisgICAgICAgIFRlc3Q6IGZhc3Qvc2hhZG93 LWRvbS9yZW1vdmUtc2xvdC1hbmQtaG9zdC1jaGlsZC5odG1sCisKKyAgICAgICAgKiBkb20vU2xv dEFzc2lnbm1lbnQuY3BwOgorICAgICAgICAoV2ViQ29yZTo6U2xvdEFzc2lnbm1lbnQ6OmRpZENo YW5nZVNsb3QpOgorCisgICAgICAgIFdoZW4gd2UgdGVhciBkb3duIHRoZSByZW5kZXIgdHJlZSB3 ZSBhbHNvIG5lZWQgdG8gcmVxdWVzdCBpdHMgcmVidWlsZCB1bmNvbmRpdGlvbmFsbHkuCisKIDIw MjEtMDctMDYgIENocmlzIER1bWV6ICA8Y2R1bWV6QGFwcGxlLmNvbT4KIAogICAgICAgICBVbnJl dmlld2VkLCByZXZlcnRpbmcgcjI3OTQ5NS4KZGlmZiAtLWdpdCBhL1NvdXJjZS9XZWJDb3JlL2Rv bS9TbG90QXNzaWdubWVudC5jcHAgYi9Tb3VyY2UvV2ViQ29yZS9kb20vU2xvdEFzc2lnbm1lbnQu Y3BwCmluZGV4IGNlYTE5YmEzMjQ4OS4uNjBlMmYwMGU2YTQ4IDEwMDY0NAotLS0gYS9Tb3VyY2Uv V2ViQ29yZS9kb20vU2xvdEFzc2lnbm1lbnQuY3BwCisrKyBiL1NvdXJjZS9XZWJDb3JlL2RvbS9T bG90QXNzaWdubWVudC5jcHAKQEAgLTMwOCw2ICszMDgsNyBAQCB2b2lkIFNsb3RBc3NpZ25tZW50 OjpkaWRDaGFuZ2VTbG90KGNvbnN0IEF0b21TdHJpbmcmIHNsb3RBdHRyVmFsdWUsIFNoYWRvd1Jv b3QmCiAgICAgICAgIHJldHVybjsKIAogICAgIFJlbmRlclRyZWVVcGRhdGVyOjp0ZWFyRG93blJl bmRlcmVycygqc2hhZG93Um9vdC5ob3N0KCkpOworICAgIHNoYWRvd1Jvb3QuaG9zdCgpLT5pbnZh bGlkYXRlU3R5bGVBbmRSZW5kZXJlcnNGb3JTdWJ0cmVlKCk7CiAKICAgICBzbG90LT5hc3NpZ25l ZE5vZGVzLmNsZWFyKCk7CiAgICAgbV9zbG90QXNzaWdubWVudHNJc1ZhbGlkID0gZmFsc2U7CkBA IC0zMTYsOCArMzE3LDYgQEAgdm9pZCBTbG90QXNzaWdubWVudDo6ZGlkQ2hhbmdlU2xvdChjb25z dCBBdG9tU3RyaW5nJiBzbG90QXR0clZhbHVlLCBTaGFkb3dSb290JgogICAgIGlmICghc2xvdEVs ZW1lbnQpCiAgICAgICAgIHJldHVybjsKIAotICAgIHNoYWRvd1Jvb3QuaG9zdCgpLT5pbnZhbGlk YXRlU3R5bGVBbmRSZW5kZXJlcnNGb3JTdWJ0cmVlKCk7Ci0KICAgICBpZiAoc2hhZG93Um9vdC5z aG91bGRGaXJlU2xvdGNoYW5nZUV2ZW50KCkpCiAgICAgICAgIHNsb3RFbGVtZW50LT5lbnF1ZXVl U2xvdENoYW5nZUV2ZW50KCk7CiB9Cg==