Explore the usage of 'text-track.css' and 'mediaControls' as UA Stylesheet rule

[Ahmad Saleem]

Hi Team,

I started noticing that for media controls, we have three UA stylesheets:

1) mediaControls.css
2) captions.css
3) text-track.css

__

I'll start with simple one - 'captions.css':

Only these exist in the file (which is not in either of others):

video::cue(:future) > *

video::cue(*) {

____

Then in text-track.css:

We have following to cover 'captions.css' one:

::cue(:future) 

and have two '::-webkit-media-text-track-display' (in other files as well but also twice in same and conflict with each other -> e.g., white-space: pre-wrap; and white-space: pre-line;

etc.

__

and mediaControls.css is the biggest.

____

I think we can get rid of `captions.css` while we can trim and clean-up `text-track.css` while make `mediaControls.css` as defacto standard.

Just raising to get input and also if someone want to tackle it.

Thanks!

[Ahmad Saleem]

Created attachment 469587 [details]
Just a snapshot - Reference Image

Diff for video::-webkit-media-text-track-container between:

> mediaControls.css
> text-tracks.css

[Radar WebKit Bug Importer]

<rdar://problem/122289181>

[Ahmad Saleem]

`captions.css` is gone since it was accidentally added.