Bug 178603 - Video: External Shadow DOM Styles Missing
Summary: Video: External Shadow DOM Styles Missing
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: DOM (show other bugs)
Version: Safari 11
Hardware: Mac macOS 10.13
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-10-20 13:35 PDT by Hussam
Modified: 2017-10-23 01:21 PDT (History)
5 users (show)

See Also:

Attachments
Test Page (471 bytes, text/html)
2017-10-20 13:35 PDT, Hussam 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Hussam 2017-10-20 13:35:37 PDT 
Created attachment 324440 [details]
Test Page

When I apply external CSS styles to a shadow DOM element, I would expect those styles to be applied. They currently are being ignored. 

Reproduction Steps:

- Load Test Page

Expected: There should be a red border around the video controls

Actual: Red border missing
Comment 1 Eric Carlson 2017-10-21 15:13:35 PDT 
Irrespective of whether or not this is a bug, you should not assume *anything* about the internal implementation of the default media controls. Structures, ids, classes, etc, can and will change from release to release.
Comment 2 Antoine Quint 2017-10-22 06:58:15 PDT 
The CSS pseudo class you're trying to use is no longer valid in Safari 11. Eric's comments are definitely correct, making assumptions on internal structure of media controls is not a sound plan.
Comment 3 Ryosuke Niwa 2017-10-22 12:45:32 PDT 
I thought we got rid of these -webkit-media-controls-* pseudo elements with modern media controls?
Comment 4 Antoine Quint 2017-10-23 01:21:14 PDT 
(In reply to Ryosuke Niwa from comment #3)
> I thought we got rid of these -webkit-media-controls-* pseudo elements with
> modern media controls?

That's correct.