RESOLVED FIXED 134821
Use a separate backdrop element to allow cues to have highlight and background color
https://bugs.webkit.org/show_bug.cgi?id=134821
Summary Use a separate backdrop element to allow cues to have highlight and backgroun...
Brent Fulgham
Reported 2014-07-10 18:40:45 PDT
To achieve a specific style goal, we want to be able to have cues with a background color plus a highlight color. To do so, we need to add a <div> around the cue's <span> element so that the <span> background can contain the highlight color, and the <div> wrapping the <span> can hold the desired background color.
Attachments
Patch (9.60 KB, patch)
2014-07-10 21:05 PDT, Brent Fulgham
eric.carlson: review+
buildbot: commit-queue-
Archive of layout-test-results from webkit-ews-01 for mac-mountainlion (610.33 KB, application/zip)
2014-07-10 22:35 PDT, Build Bot
no flags
Archive of layout-test-results from webkit-ews-14 for mac-mountainlion-wk2 (583.31 KB, application/zip)
2014-07-11 06:04 PDT, Build Bot
no flags
Brent Fulgham
Comment 1 2014-07-10 18:41:06 PDT
Brent Fulgham
Comment 2 2014-07-10 21:05:15 PDT
Build Bot
Comment 3 2014-07-10 22:35:15 PDT
Comment on attachment 234743 [details] Patch Attachment 234743 [details] did not pass mac-ews (mac): Output: http://webkit-queues.appspot.com/results/5446361667338240 New failing tests: media/track/track-cue-rendering-snap-to-lines-not-set.html media/track/track-cue-rendering-horizontal.html
Build Bot
Comment 4 2014-07-10 22:35:20 PDT
Created attachment 234745 [details] Archive of layout-test-results from webkit-ews-01 for mac-mountainlion The attached test failures were seen while running run-webkit-tests on the mac-ews. Bot: webkit-ews-01 Port: mac-mountainlion Platform: Mac OS X 10.8.5
Build Bot
Comment 5 2014-07-11 06:04:26 PDT
Comment on attachment 234743 [details] Patch Attachment 234743 [details] did not pass mac-wk2-ews (mac-wk2): Output: http://webkit-queues.appspot.com/results/6455020509724672 New failing tests: media/track/track-cue-rendering-snap-to-lines-not-set.html media/track/track-cue-rendering-horizontal.html
Build Bot
Comment 6 2014-07-11 06:04:33 PDT
Created attachment 234761 [details] Archive of layout-test-results from webkit-ews-14 for mac-mountainlion-wk2 The attached test failures were seen while running run-webkit-tests on the mac-wk2-ews. Bot: webkit-ews-14 Port: mac-mountainlion-wk2 Platform: Mac OS X 10.8.5
Eric Carlson
Comment 7 2014-07-11 09:01:14 PDT
Comment on attachment 234743 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=234743&action=review It looks like a couple of test results need to be updated. Thanks! > Source/WebCore/rendering/RenderVTTCue.cpp:343 > + // First child is our wrapping <div>. We need to get ITS first child. Nit: "We need to get ITS" -> "The cue object is the <div>'s"
Brent Fulgham
Comment 8 2014-07-11 09:31:20 PDT
(In reply to comment #5) > (From update of attachment 234743 [details]) > Attachment 234743 [details] did not pass mac-wk2-ews (mac-wk2): > Output: http://webkit-queues.appspot.com/results/6455020509724672 > > New failing tests: > media/track/track-cue-rendering-snap-to-lines-not-set.html > media/track/track-cue-rendering-horizontal.html The change to 'track-cue-rendering-snap-to-lines-not-set.html" seems like a progression. The difference here is that "Random Cue 2" appears above the "You may even have multiple cues in the same time.", allowing "Random Cue 3" to move higher on the page. Since "Random Cue 2" was encoded to be above the center of the video frame, the fact that it now appears above the "You may .... time" is correct.
Brent Fulgham
Comment 9 2014-07-11 10:08:04 PDT
Comment on attachment 234743 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=234743&action=review > Source/WebCore/Modules/mediacontrols/mediaControlsApple.css:734 > + -webkit-box-sizing: border-box; These two lines break the tests because we do no want this added padding when using the W3C caption style. In fact, the padding isn't even needed since a 0.4em pad is added when we set background color, so I can just remove these.
Brent Fulgham
Comment 10 2014-07-11 10:12:09 PDT
Comment on attachment 234743 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=234743&action=review Landing with fixes based on Eric's review. >> Source/WebCore/rendering/RenderVTTCue.cpp:343 >> + // First child is our wrapping <div>. We need to get ITS first child. > > Nit: "We need to get ITS" -> "The cue object is the <div>'s" Fixed!
Brent Fulgham
Comment 11 2014-07-11 10:16:30 PDT
Comment on attachment 234743 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=234743&action=review >> Source/WebCore/Modules/mediacontrols/mediaControlsApple.css:734 >> + -webkit-box-sizing: border-box; > > These two lines break the tests because we do no want this added padding when using the W3C caption style. In fact, the padding isn't even needed since a 0.4em pad is added when we set background color, so I can just remove these. Also, this same code needs to be in mediaControlsiOS.css.
Brent Fulgham
Comment 12 2014-07-11 10:32:43 PDT
Carlos Alberto Lopez Perez
Comment 13 2014-07-16 09:32:52 PDT
This caused 6 Layout test on media/track/track* fail on the GTK port. Reported here: https://bugs.webkit.org/show_bug.cgi?id=134979
Note You need to log in before you can comment on or make changes to this bug.