Bug 178603

Summary: Video: External Shadow DOM Styles Missing
Product: WebKit Reporter: Hussam <h.ghazzi>
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: cdumez, eric.carlson, graouts, jonlee, rniwa
Priority: P2    
Version: Safari 11   
Hardware: Mac   
OS: macOS 10.13   
Attachments:
Description Flags
Test Page none

Hussam
Reported 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
Attachments
Test Page (471 bytes, text/html)
2017-10-20 13:35 PDT, Hussam 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Eric Carlson
Comment 1 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.
Antoine Quint
Comment 2 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.
Ryosuke Niwa
Comment 3 2017-10-22 12:45:32 PDT
I thought we got rid of these -webkit-media-controls-* pseudo elements with modern media controls?
Antoine Quint
Comment 4 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.
Note You need to log in before you can comment on or make changes to this bug.