Bug 243926 - Closed captions in <video> element breaks long lines to above the previous line instead of under it
Summary: Closed captions in <video> element breaks long lines to above the previous li...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: Safari 15
Hardware: Mac (Intel) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-08-14 09:35 PDT by zhuowei
Modified: 2022-08-22 16:38 PDT (History)
5 users (show)

See Also:

Attachments
Screenshot of two lines of closed caption displayed in the wrong order. The bottom line of caption should be read before the top line. (165.18 KB, image/jpeg)
2022-08-14 09:35 PDT, zhuowei 		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 zhuowei 2022-08-14 09:35:56 PDT 
Created attachment 461619 [details]
Screenshot of two lines of closed caption displayed in the wrong order. The bottom line of caption should be read before the top line.

When playing the video https://www.cartoonnetwork.com/video/unlocked/a-media-episode.html with closed captions enabled, long lines in the closed captions are wrapped into two lines, but the second line is displayed above the first instead of below the first.

Can reproduce in:
- Safari Version 15.6 (17613.3.9.1.5)
- Safari Technology Preview Release 151 (Safari 16.0, WebKit 17615.1.1.2)
both on macOS 12.5 on MacBook Pro (Retina, 13-inch, Early 2015).

Testing in other browsers:
- Chrome (Version 106.0.5231.2 (Official Build) dev (x86_64)) displays the closed captions correctly.
- Safari on iOS 14.1 displays the captions correctly.
- Firefox 103.0.1 (64-bit) breaks lines in the caption correctly (although it incorrectly displays the captions shifted too much to the right).
Comment 1 Radar WebKit Bug Importer 2022-08-21 09:36:15 PDT 
<rdar://problem/98947881>