1930561 - picture missing horizontal scroll bar

Status: RESOLVED FIXED

(Core :: Layout: Positioned, defect)

Description

[Mark]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:134.0) Gecko/20100101 Firefox/134.0

Steps to reproduce:

In reddit.com, in a message, clicked on a picture to view it in a screen. Clicked to magnify picture. Sample link to such a picture: https://www.reddit.com/media?url=https%3A%2F%2Fpreview.redd.it%2F2uhptm7zcb0e1.jpg%3Fwidth%3D3024%26format%3Dpjpg%26auto%3Dwebp%26s%3D529c063cbda20cc610319cacd8a8493d3a618436

Actual results:

Vertical scroll bar for picture is shown.

Horizontal scroll bar for picture is missing.

Expected results:

This is what happens in Release (132.0.1): clicking on picture to magnify shows both a vertical scroll bar and a horizontal scroll bar for the picture.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Scrolling and Overflow' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Alice0775 White]

Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=db67c8382336ede215353bbdb46f85755cbdbc5f&tochange=889105cc0018e8d2aa77407ef90f68adf878933f

Disabling the following CSS will fix the issue.

.items-center {
  align-items: center;
}

Comment 3

[Mark]

Mozregression stopped at:

Bug 1920160: Part 7 - Adjust test expectations. r=jwatt

• /css/css-align/abspos/stretch-intrinsic-size*: Some tests still do not pass,
  because it uses <canvas> which overrides nsIFrame::ComputeSize, skipping
  the invocation of nsIFrame::ComputeAbsoluteAutoSize.
• /css/css-anchor-position/: Anchor positioning is not yet implemented,
  changes are coincidental.
• grid-baseline-align-001.html: Baseline alignment of absolutely-positioned
  grid item should no longer stretch it.

Differential Revision: https://phabricator.services.mozilla.com/D226533

2024-11-11T19:25:05.471000: DEBUG : Did not find a branch, checking all integration branches
2024-11-11T19:25:05.474000: INFO : The bisection is done.
2024-11-11T19:25:05.543000: INFO : Stopped

BTW: I also tested the above link in Chrome and it properly displayed both scroll bars when I magnified the picture.

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

:dshin, since you are the author of the regressor, bug 1920160, could you take a look? Also, could you set the severity field?

For more information, please visit BugBot documentation.

Comment 5

[David Shin[:dshin]]

Attachment: Minimum Reproducible Case

zoomable-img is being shifted down by align-items: center of its parent flex container, hiding the horizontal scrollbar.

Comment 6

[David Shin[:dshin]]

Attachment: Bug 1930561: Consider align-items for abs-positioned frames only when finding static position of it. r=#anchor-positioning-reviewers,#layout

Comment 7

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/2cdd02c4461f
Consider align-items for abs-positioned frames only when finding static position of it. r=layout-reviewers,emilio

Comment 8

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/49147 for changes under testing/web-platform/tests

Comment 9

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/2cdd02c4461f

Comment 10

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot