269717 2024-02-19 09:02:20 -0800 CSSStyleSheets don't invalidate properly inside ShadowDOM 2024-11-05 08:26:25 -0800 1 1 1 Unclassified WebKit CSS WebKit Nightly Build All All NEW InRadar P2 Minor --- 1 webkit webkit-unassigned m_dubet nathan studio webkit-bug-importer oldest_to_newest 2015121 0 webkit 2024-02-19 09:02:20 -0800 See https://github.com/web-platform-tests/wpt/pull/44651/files#diff-777de6c8f8778f17b038c684801ce25570c823ee8f38daec836ed9a1cb255ad1R36-R48 for a repro. Creating a CSSStyleSheet and adopting it, then setting inner properties on the sheet, does not always perform invalidation. 2015124 1 469961 nathan 2024-02-19 09:06:54 -0800 Created attachment 469961 Interactive test case I’ve had this in my backlog to file for about a month (sorry). I made an interactive test case for it which allows you to switch between the document and the shadowroot as well as between updating styles with `CSSStyleDeclaration` and `StylePropertyMap`. 2015637 2 webkit-bug-importer 2024-02-20 15:58:23 -0800 <rdar://problem/123340892> 2072810 3 studio 2024-11-05 08:26:25 -0800 This is really inconvenient. It would be great to resolve this unreliable behaviour. 469961 2024-02-19 09:06:54 -0800 2024-02-19 09:06:54 -0800 Interactive test case test-case.html text/html 5068 nathan PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuLWNhIj4KICA8aGVhZD4KICAgIDxtZXRhIGNo YXJzZXQ9InV0Zi04Ij4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1k ZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MSI+CiAgICA8dGl0bGU+U2hhZG93IERPTSBDb25z dHJ1Y3RlZCBTdHlsZXNoZWV0IEluY29uc2lzdGVuY3k8L3RpdGxlPgogICAgPHN0eWxlPjpyb290 IHsKCWNvbG9yLXNjaGVtZTogZGFyayBsaWdodDsKCWZvbnQtZmFtaWx5OiBzeXN0ZW0tdWk7Cgls aW5lLWhlaWdodDogMS41Owp9Cgpib2R5IHsKCW1hcmdpbjogMDsKCXBhZGRpbmc6IDFyZW07Cn0K CiNjdXJzb3IgewoJcG9zaXRpb246IGZpeGVkOwoJaW5zZXQtYmxvY2stc3RhcnQ6IDA7CglpbnNl dC1pbmxpbmU6IDA7CglkaXNwbGF5OiBpbmxpbmUtYmxvY2s7Cgljb250ZW50OiAiIjsKCWFzcGVj dC1yYXRpbzogMTsKCWJsb2NrLXNpemU6IDFyZW07CgljbGlwLXBhdGg6IGNpcmNsZSgpOwoJYmFj a2dyb3VuZC1jb2xvcjogQ2FudmFzVGV4dDsKCXotaW5kZXg6IDk5OTk5OwoJcG9pbnRlci1ldmVu dHM6IG5vbmU7CgoJdHJhbnNsYXRlOiBjYWxjKHZhcigtLXgpICogMXB4IC0gNTAlKSBjYWxjKHZh cigtLXkpICogMXB4IC0gNTAlKTsKfQoKZm9ybSwgZmllbGRzZXQgewoJZGlzcGxheTogZ3JpZDsK CWp1c3RpZnktaXRlbXM6IHN0YXJ0Owp9Cgpmb3JtIHsKCWdhcDogMXJlbTsKfQoKZmllbGRzZXQg ewoJZ2FwOiAwLjVyZW07Cn0KCmxlZ2VuZCB7Cglmb250LXdlaWdodDogNTAwOwp9CgpsYWJlbDpo YXMoaW5wdXRbdHlwZT0icmFkaW8iXSkgewoJZGlzcGxheTogYmxvY2s7Cn0KCnAgewoJbWF4LWlu bGluZS1zaXplOiA0MGVtOwp9CgpodG1sOmhhcyhjdXN0b20tY3Vyc29yOmRlZmluZWQpIGFzaWRl IHsgZGlzcGxheTogbm9uZTsgfQoKI2NvbXB1dGVkIHsKCXBvc2l0aW9uOiBmaXhlZDsKCWluc2V0 LWJsb2NrLWVuZDogMDsKCWluc2V0LWlubGluZS1lbmQ6IDA7CglwYWRkaW5nOiAwLjVyZW07Cgli YWNrZ3JvdW5kLWNvbG9yOiBDYW52YXM7Cgl3aGl0ZS1zcGFjZTogcHJlOwoJdGV4dC1hbGlnbjog ZW5kOwp9Cjwvc3R5bGU+CiAgICA8c2NyaXB0IHR5cGU9Im1vZHVsZSI+Y29uc3QgW2Zvcm1dID0g ZG9jdW1lbnQuZm9ybXM7CgovLyBHZXQgdGhlIGluaXRpYWwgdmFsdWVzIGZvciB0aGUgc2hlZXQg YW5kIGZvciB0aGUgdXBkYXRlIG1ldGhvZApsZXQgeyBzdHlsZXNoZWV0LCBtZXRob2QgfSA9IE9i amVjdC5mcm9tRW50cmllcyhuZXcgRm9ybURhdGEoZm9ybSkpOwoKY29uc3Qgc2hlZXRzID0gewoJ c2hhZG93cm9vdDogbmV3IENTU1N0eWxlU2hlZXQoKSwKCWRvY3VtZW50OiBuZXcgQ1NTU3R5bGVT aGVldCgpLAp9OwoKCnNoZWV0cy5kb2N1bWVudC5yZXBsYWNlU3luYyhgI2N1cnNvciB7IH1gKTsK c2hlZXRzLnNoYWRvd3Jvb3QucmVwbGFjZVN5bmMoYDpob3N0IHsgfWApOwoKZG9jdW1lbnQuYWRv cHRlZFN0eWxlU2hlZXRzLnB1c2goc2hlZXRzLmRvY3VtZW50KTsKCmN1c3RvbUVsZW1lbnRzLmRl ZmluZSgiY3VzdG9tLWN1cnNvciIsIGNsYXNzIGV4dGVuZHMgSFRNTEVsZW1lbnQgewoJY29uc3Ry dWN0b3IoKSB7CgkJc3VwZXIoKTsKCQl0aGlzLmF0dGFjaFNoYWRvdyh7IG1vZGU6ICJvcGVuIiB9 KTsKCQl0aGlzLnNoYWRvd1Jvb3QuYWRvcHRlZFN0eWxlU2hlZXRzID0gW3NoZWV0cy5zaGFkb3dy b290XTsKCX0KfSk7CgpsZXQgc2hlZXQgPSBzaGVldHNbc3R5bGVzaGVldF07Cgpmb3JtLmFkZEV2 ZW50TGlzdGVuZXIoImlucHV0IiwgZXZlbnQgPT4gewoJc3dpdGNoIChldmVudC50YXJnZXQubmFt ZSkgewoKCQljYXNlICJzdHlsZXNoZWV0IjoKCQkJc2hlZXQgPSBzaGVldHNbZXZlbnQudGFyZ2V0 LnZhbHVlXTsKCQkJLy8gUmVzZXQgdGhlIGRvY3VtZW50IHN0eWxlc2hlZXQgd2hlbiB0aGUgc2hh ZG93cm9vdCBpcyBhY3RpdmUgc28KCQkJLy8gaXQgY2FuIG92ZXJyaWRlIHRoZSBkb2N1bWVudC4K CQkJaWYgKGV2ZW50LnRhcmdldC52YWx1ZSA9PT0gInNoYWRvd3Jvb3QiKSBzaGVldHMuZG9jdW1l bnQucmVwbGFjZVN5bmMoYCNjdXJzb3IgeyB9YCk7CgkJCWJyZWFrOwoKCQljYXNlICJtZXRob2Qi OgoJCQltZXRob2QgPSBldmVudC50YXJnZXQudmFsdWU7CgkJCWJyZWFrOwoKCX0KfSk7Cgpjb25z dCBjdXJzb3IgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiY3Vyc29yIik7CmNvbnN0IGNvbXB1 dGVkID0gZ2V0Q29tcHV0ZWRTdHlsZShjdXJzb3IpOwpjb25zdCBjb21wdXRlZEVsID0gZG9jdW1l bnQuZ2V0RWxlbWVudEJ5SWQoImNvbXB1dGVkIik7Cgp3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigi cG9pbnRlcm1vdmUiLCBldmVudCA9PiB7Cgljb25zdCB7c3R5bGUsIHN0eWxlTWFwfSA9IHNoZWV0 LmNzc1J1bGVzWzBdOwoKCXN3aXRjaCAobWV0aG9kKSB7CgoJCWNhc2UgInN0eWxlIjoKCQkJc3R5 bGUuc2V0UHJvcGVydHkoIi0teCIsIGV2ZW50LmNsaWVudFgpOwoJCQlzdHlsZS5zZXRQcm9wZXJ0 eSgiLS15IiwgZXZlbnQuY2xpZW50WSk7CgkJCWJyZWFrOwoKCQljYXNlICJzdHlsZU1hcCI6CgkJ CXN0eWxlTWFwLnNldCgiLS14IiwgZXZlbnQuY2xpZW50WCk7CgkJCXN0eWxlTWFwLnNldCgiLS15 IiwgZXZlbnQuY2xpZW50WSk7CgkJCWJyZWFrOwoKCX0KCgoJY29tcHV0ZWRFbC50ZXh0Q29udGVu dCA9IGAke2NvbXB1dGVkLmdldFByb3BlcnR5VmFsdWUoIi0teCIpfSA9IHhcbiR7Y29tcHV0ZWQu Z2V0UHJvcGVydHlWYWx1ZSgiLS15Iil9ID0geWA7Cn0pOwo8L3NjcmlwdD4KICA8L2hlYWQ+CiAg PGJvZHk+Cjxhc2lkZSBzdHlsZT0iY29sb3I6IFRvbWF0bzsiPgogIDxwPlRoaXMgZGVtb25zdHJh dGlvbiByZXF1aXJlcyBKYXZhU2NyaXB0LjwvcD4KPC9hc2lkZT4KPGgxPlNoYWRvdyBET00gQ29u c3RydWN0ZWQgU3R5bGVzaGVldCBJbmNvbnNpc3RlbmN5PC9oMT4KPHA+SW5pdGlhbGx5IHRoZSBj dXJzb3LigJlzIHN0eWxlcyBhcmUgc2V0IGluIHRoZSBzaGFkb3cgcm9vdCB1c2luZyBhIGNvbnN0 cnVjdGVkIHN0eWxlc2hlZXQuIFVwZGF0aW5nIHRoZSBjb29yZGluYXRlcyB3aWxsIG5vdCB3b3Jr IGluIFNhZmFyaSwgYnV0IGlmIHlvdSBzd2l0Y2ggdG8gdGhlIGRvY3VtZW50IHN0eWxlc2hlZXQg aXQgd2lsbCB3b3JrLiBUaGlzIGRvZXMgbm90IGhhcHBlbiBpbiBDaHJvbWUgb3IgRmlyZWZveC48 L3A+CjxoMj5Ib3cgdGhlIHN0eWxlcyBhcmUgYmVpbmcgc2V0PC9oMj4KPHA+SW5zdGVhZCBvZiBy ZXBsYWNpbmcgdGhlIGVudGlyZSBzdHlsZXNoZWV0LCB3ZeKAmXJlIHBlcmZvcm1pbmcgbW9yZSBn cmFudWxhciB1cGRhdGVzLiBUaGVyZSBhcmUgdHdvIHdheXMgd2UgYXJlIGRvaW5nIHRoaXM6PC9w Pgo8cD5TZXR0aW5nIGEgcHJvcGVydHkgd2l0aCB0aGUgc3R5bGVzaGVldOKAmXMgZmlyc3QgQ1NT IHJ1bGXigJlzIDxzdHJvbmc+PGNvZGU+Q1NTU3R5bGVEZWNsYXJhdGlvbjwvY29kZT48L3N0cm9u Zz46PC9wPgo8cHJlPjxjb2RlPnN0eWxlU2hlZXQuY3NzUnVsZXNbMF0uc3R5bGUuc2V0UHJvcGVy dHkoJnF1b3Q7LS14JnF1b3Q7LCB4KTs8L2NvZGU+PC9wcmU+CjxwPlNldHRpbmcgYSBwcm9wZXJ0 eSB3aXRoIHRoZSBzdHlsZXNoZWV04oCZcyBmaXJzdCBDU1MgcnVsZeKAmXMgPHN0cm9uZz48Y29k ZT5TdHlsZVByb3BlcnR5TWFwPC9jb2RlPjwvc3Ryb25nPjo8L3A+CjxwcmU+PGNvZGU+c3R5bGVT aGVldC5jc3NSdWxlc1swXS5zdHlsZU1hcC5zZXQoJnF1b3Q7LS14JnF1b3Q7LCB4KTs8L2NvZGU+ PC9wcmU+CjxoMj5TZXR0aW5nczwvaDI+Cjxmb3JtPgogIDxmaWVsZHNldD4KICAgIDxsZWdlbmQ+ U3R5bGVzaGVldDwvbGVnZW5kPgogICAgPGxhYmVsPgogICAgICA8aW5wdXQgdHlwZT0icmFkaW8i IG5hbWU9InN0eWxlc2hlZXQiIHZhbHVlPSJzaGFkb3dyb290IiBjaGVja2VkPSJjaGVja2VkIi8+ U2hhZG93IFJvb3QgKGFkb3B0ZWQpCiAgICA8L2xhYmVsPgogICAgPGxhYmVsPgogICAgICA8aW5w dXQgdHlwZT0icmFkaW8iIG5hbWU9InN0eWxlc2hlZXQiIHZhbHVlPSJkb2N1bWVudCIvPkRvY3Vt ZW50IChhZG9wdGVkKQogICAgPC9sYWJlbD4KICA8L2ZpZWxkc2V0PgogIDxmaWVsZHNldD4KICAg IDxsZWdlbmQ+TW9kaWZpY2F0aW9uIE1ldGhvZDwvbGVnZW5kPgogICAgPGxhYmVsPgogICAgICA8 aW5wdXQgdHlwZT0icmFkaW8iIG5hbWU9Im1ldGhvZCIgdmFsdWU9InN0eWxlIiBjaGVja2VkPSJj aGVja2VkIi8+PGNvZGU+Q1NTU3R5bGVEZWNsYXJhdGlvbjwvY29kZT4KICAgIDwvbGFiZWw+CiAg ICA8bGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJyYWRpbyIgbmFtZT0ibWV0aG9kIiB2YWx1ZT0i c3R5bGVNYXAiLz48Y29kZT5TdHlsZVByb3BlcnR5TWFwPC9jb2RlPgogICAgPC9sYWJlbD4KICA8 L2ZpZWxkc2V0Pgo8L2Zvcm0+CjxoMj5RdWVzdGlvbnMgZm9yIGV4cGxvcmF0aW9uPC9oMj4KPHVs PgogIDxsaT5Eb2VzIHRoaXMgb25seSBvY2N1ciBmb3IgdmVyeSBmcmVxdWVudCB1cGRhdGVzPzwv bGk+CiAgPGxpPkRvZXMgdGhpcyBvbmx5IG9jY3VyIGZvciBjdXN0b20gcHJvcGVydGllcz8gUGVy aGFwcyB0aGUgYnJvd3NlciBkb2VzbuKAmXQgZGV0ZWN0IHRoZSBuZWVkIHRvIHJlLWNvbXB1dGUu PC9saT4KICA8bGk+RG9lcyB0aGlzIG9jY3VyIHdoZW4gd2UgdXNlIDxjb2RlPmluc2VydFJ1bGU8 L2NvZGU+PzwvbGk+CjwvdWw+CjxoMj5Tb2Z0d2FyZSBWZXJzaW9uczwvaDI+CjxkbD4KICA8ZHQ+ T3BlcmF0aW5nIFN5c3RlbTwvZHQ+CiAgPGRkPm1hY09TIFNvbm9tYSAxNC4yICgyM0M2NCk8L2Rk PgogIDxkdD5TYWZhcmk8L2R0PgogIDxkZD5WZXJzaW9uIDE3LjIgKDE5NjE3LjEuMTcuMTEuOSk8 L2RkPgogIDxkdD5DaHJvbWU8L2R0PgogIDxkZD5WZXJzaW9uIDEyMC4wLjYwOTkuMjM0IChPZmZp Y2lhbCBCdWlsZCkgKGFybTY0KTwvZGQ+CiAgPGR0PkZpcmVmb3g8L2R0PgogIDxkZD4xMjEuMC4x ICg2NC1iaXQpPC9kZD4KPC9kbD4KPGN1c3RvbS1jdXJzb3IgaWQ9ImN1cnNvciI+PC9jdXN0b20t Y3Vyc29yPgo8ZGl2IGlkPSJjb21wdXRlZCI+PC9kaXY+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==