Bug 174704 - `inherit` breaks when parent element has Shadow Root
Summary: `inherit` breaks when parent element has Shadow Root
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 10
Hardware: Unspecified macOS 10.12
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/bedeoverend/pen/qj...
Keywords:
Depends on:
Blocks: 148695
  Show dependency treegraph
 
Reported: 2017-07-20 20:10 PDT by Bede Overend
Modified: 2022-07-15 14:27 PDT (History)
4 users (show)

See Also:


Attachments
HTML file reproducing inherit bug (815 bytes, text/html)
2017-07-20 20:10 PDT, Bede Overend
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Bede Overend 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?)
Comment 1 Brent Fulgham 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.