174704 2017-07-20 20:10:17 -0700 `inherit` breaks when parent element has Shadow Root 2022-07-15 14:27:06 -0700 1 1 1 Unclassified WebKit CSS Safari 10 Unspecified macOS 10.12 RESOLVED CONFIGURATION CHANGED https://codepen.io/bedeoverend/pen/qjeJRY P2 Normal --- 148695 1 bede.overend webkit-unassigned bfulgham koivisto rniwa simon.fraser oldest_to_newest 1330902 0 316062 bede.overend 2017-07-20 20:10:17 -0700 Created attachment 316062 HTML file reproducing inherit bug When an element has a style property set to `inherit`, the `inherit` doesn't appear to be applied if the parent element has a Shadow Root. Note that it's only if that property by default does is not `inherit` e.g. `border` whereas something like color is inherited fine. Other elements which match the same style selector rules seem to also break, even when their parent does not have a Shadow Root, however is fixed when re-applying styles (perhaps just triggering a redraw?) 1884222 1 bfulgham 2022-07-15 14:25:49 -0700 Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue. 316062 2017-07-20 20:10:17 -0700 2017-07-20 20:10:17 -0700 HTML file reproducing inherit bug index.html text/html 815 bede.overend PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+CiAg PG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgPHRp dGxlPkpTIEJpbjwvdGl0bGU+CiAgPHN0eWxlPgogIAlkaXYgewoJCSAgY29sb3I6IGJsdWU7CgkJ ICBib3JkZXI6IHNvbGlkIGJsdWUgdGhpbjsKCQkgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwg MjU1LCAwLCAwLjIpOwoJCX0KCgkJZGl2ICogewoJCSAgYm9yZGVyOiBpbmhlcml0OwoJCSAgYmFj a2dyb3VuZC1jb2xvcjogaW5oZXJpdDsKCQl9Cgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoJPGRp diBpZD0ic2hhZG93Ij4KCSAgPGgxPk15IHBhcmVudCBoYXMgYSBTaGFkb3cgUm9vdDwvaDE+Cgk8 L2Rpdj4KCgk8ZGl2IGlkPSJuby1zaGFkb3ciPgoJICA8aDE+TXkgcGFyZW50IGhhcyBubyBTaGFk b3cgUm9vdDwvaDE+Cgk8L2Rpdj4KCgk8c2NyaXB0PgoJCWRvY3VtZW50LmdldEVsZW1lbnRCeUlk KCdzaGFkb3cnKQoJCSAgLmF0dGFjaFNoYWRvdyh7IG1vZGU6ICdvcGVuJyB9KQoJCSAgLmlubmVy SFRNTCA9ICc8c2xvdD48L3Nsb3Q+JzsKCgkJLy8gVHJpZ2dlciByZWRyYXcsIGZpeGVzIGluaGVy aXRhbmNlCgkJZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ25vLXNoYWRvdycpCgkJICAuc3R5bGUu Ym9yZGVyID0gJyc7CgoJCS8vIFRyaWdnZXIgcmVkcmF3LCBubyBlZmZlY3QKCQlkb2N1bWVudC5n ZXRFbGVtZW50QnlJZCgnc2hhZG93JykKCQkgIC5zdHlsZS5ib3JkZXIgPSAnJzsKCTwvc2NyaXB0 Pgo8L2JvZHk+CjwvaHRtbD4=