Closed Bug 2020992 Opened 21 days ago Closed 8 days ago

Video tag with object-fit and sizes defined are overflowed if `overflow:hidden` is defined

Categories

(Core :: Layout: Images, Video, and HTML Frames, defect)

Firefox 148
defect

Tracking

()

VERIFIED FIXED
150 Branch
Tracking Status
firefox-esr140 --- unaffected
firefox148 --- wontfix
firefox149 --- verified
firefox150 --- verified

People

(Reporter: florian.sommariva, Assigned: emilio)

References

(Regression)

Details

(Keywords: regression)

Attachments

(3 files, 1 obsolete file)

Attached file bug.html

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:148.0) Gecko/20100101 Firefox/148.0

Steps to reproduce:

Styling the <video> tag by setting the dimensions (for example: height: 50vh;width: 100%;), an object-fit: cover, and an overflow:hidden displays the video AND the hidden part that should be cropped.

Actual results:

With the overflow:hidden property, the video is overflowed and the overflowed part is displaying behind the following HTML markup
Without the overflow:hidden it's ok.

Expected results:

The overflow:hidden crops the video correctly. This bug occurs since Firefox 148.

The Bugbug bot thinks this bug should belong to the 'Core::Audio/Video: Playback' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Audio/Video: Playback
Product: Firefox → Core

Hey Daniel, trying to determine if this is css, media (video element) or rendering. Curious if you can help triage this one?

Flags: needinfo?(dholbert)

I think it belongs in Layout. mozregression indicates that this is a pretty recent regression, from emilio's work in bug 1999100:

https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=c114ada67c791c6f24daacc33c6a6fe49efe430d&tochange=e81fe51adc7c48e454bc04b7d82a6cf2211ebe82

--> ni=emilio

Status: UNCONFIRMED → NEW
Component: Audio/Video: Playback → Layout: Images, Video, and HTML Frames
Ever confirmed: true
Flags: needinfo?(dholbert) → needinfo?(emilio)
Keywords: regression
Regressed by: 1999100

Set release status flags based on info from the regressing bug 1999100

Assignee: nobody → emilio
Status: NEW → ASSIGNED
Flags: needinfo?(emilio)
Status: ASSIGNED → RESOLVED
Closed: 8 days ago
Resolution: --- → FIXED
Target Milestone: --- → 150 Branch

The patch landed in nightly and beta is affected.
:emilio, is this bug important enough to require an uplift?

For more information, please visit BugBot documentation.

Flags: needinfo?(emilio)
Flags: needinfo?(emilio)

firefox-beta Uplift Approval Request

  • User impact if declined/Reason for urgency: Trivial compat regression
  • Code covered by automated testing?: yes
  • Fix verified in Nightly?: yes
  • Needs manual QE testing?: yes
  • Steps to reproduce for manual QE testing: comment 0
  • Risk associated with taking this patch: low
  • Explanation of risk level: One liner.
  • String changes made/needed?: none
  • Is Android affected?: yes
Attachment #9553635 - Flags: approval-mozilla-beta?
Flags: qe-verify+

firefox-release Uplift Approval Request

  • User impact if declined/Reason for urgency: Trivial compat regression
  • Code covered by automated testing?: yes
  • Fix verified in Nightly?: yes
  • Needs manual QE testing?: yes
  • Steps to reproduce for manual QE testing: comment 0
  • Risk associated with taking this patch: low
  • Explanation of risk level: One liner.
  • String changes made/needed?: none
  • Is Android affected?: yes
Attachment #9553636 - Flags: approval-mozilla-release?

Comment on attachment 9553636 [details]
Bug 2020992 - video should interpret scrollable overflow as clip.

Rejecting release uplift request. Fx149 merges to release tomorrow, we don't have a Fx148 dot release before then.

Attachment #9553636 - Flags: approval-mozilla-release? → approval-mozilla-release-
Attachment #9553636 - Attachment is obsolete: true
Attachment #9553635 - Flags: approval-mozilla-beta? → approval-mozilla-beta+
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/58576 for changes under testing/web-platform/tests
Upstream PR merged by moz-wptsync-bot
QA Whiteboard: [uplift] [qa-ver-needed-c150/b149]

Reproduced the issue on Win11x64/Ubuntu 24.04 using Firefox build 148.0.2
Verified as fixed on Win11x64/Ubuntu24.04 using Firefox builds 150.0a1.
Bug did not reached 149.0b9 as it is still reproducing and it got rejected based on comment#13.

QA Contact: mchiorean

Verified issue as fixed on Ubuntu 24.04/Win11x64 using Firefox RC build 149.0(20260318190823).

Status: RESOLVED → VERIFIED
QA Whiteboard: [uplift] [qa-ver-needed-c150/b149] → [uplift] [qa-ver-done-c150/b149]
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: