Bug 174704

Summary: `inherit` breaks when parent element has Shadow Root
Product: WebKit Reporter: Bede Overend <bede.overend>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, koivisto, rniwa, simon.fraser
Priority: P2    
Version: Safari 10   
Hardware: Unspecified   
OS: macOS 10.12   
URL: https://codepen.io/bedeoverend/pen/qjeJRY
Bug Depends on:    
Bug Blocks: 148695    
Attachments:
Description Flags
HTML file reproducing inherit bug none

Bede Overend
Reported 2017-07-20 20:10:17 PDT
Created attachment 316062 [details] 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?)
Attachments
HTML file reproducing inherit bug (815 bytes, text/html)
2017-07-20 20:10 PDT, Bede Overend 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Brent Fulgham
Comment 1 2022-07-15 14:25:49 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.