1755028 - The background of the subtitles displayed in the PiP should be only as wide as the text requires

Status: VERIFIED FIXED

(Toolkit :: Picture-in-Picture, defect)

Description

[Daniel Bodea [:danibodea]]

Note

• When the user opens a " video with pure WebVTT subtitles" and engages the PiP, he will notice that the black background of the subtitles goes from the left side of the screen over to the right. The background should only be as wide as the text itself (maybe a little wider).

Affected versions

• Nightly v99.0a1

Affected platforms

• all

Steps to reproduce

1. Launch browser.
2. flip media.videocontrols.picture-in-picture.display-text-tracks.enabled to true
3. load https://www.cbc.ca/player/play/1994098243991
4. play video and activate captions
5. Click the PiP toggle.

Expected result

• The background should only be as wide as the text itself.

Actual result

• The black background of the subtitles goes from the left side of the screen over to the right side.

Regression range

• Not a recent regression, but an implementation issue.

Additional notes

• Proposed designs: https://www.figma.com/file/XfwsImmxmLvISYhMke6xSF/Picture-in-Picture?node-id=1023%3A2084

Comment 1

[Molly Howell (she/her) (mostly inactive)]

Bug 1751231 should be addressing this.

Comment 2

[Daniel Bodea [:danibodea]]

This issue is fixed by bug 1751231, as stated above. Verified in Windows 10, Ubuntu 20, Mac OS 11 and Windows 7.
Please set it as fixed so we can close it. Thanks!