1706989 - Upgrade dialog has inconsistent scrollbars

Status: NEW

(Firefox :: General, defect, P2)

Description

[Jody Heavener]

Attachment: onboard-scroll-bar-behavior-p1.mov

steps to reproduce/what did you do?

• Upgrade Firefox so that the upgrade dialog shows up. To do this manually: in about:config set "browser.startup.upgradeDialog.version" to "88", and "browser.startup.homepage_override.mstone" to "88.0", restart Nightly.
• You may need to, from Mac OS settings, enable Show scrollbars > Always
• Resize the window vertically so the dialog does not fit in the screen vertically
• Resize the window horizontally so the dialog does not fit in the screen horizontally; mobile size

expected behavior/ what did you think will happen?

• A visually consistent scrollbar appears as necessary for overflowing content
• The container allows scrolling only in the direction that is necessary to show the overflowing content

actual behavior/ what actually happened?

(Refer to attached video for more context)

• When resizing vertically I get a native scrollbar. The top right portion of the scrollbar appears to visually exceed the height of the dialog container; the bottom portion of the container is hidden but I assume the same is happening down there with the scrollbar.
• When I scroll around in this resized position I can elastic/momentum scroll up and down, but oddly also left and right? Gives the appears of the dialog floating around.
• When resizing horizontally down to a mobile size it appears we have some custom type of scrollbar that shows up. But they appear in addition to the native scrollbar, which, at this window size, is now overlapping with the page's own scrollbars.

Comment 1

[Jody Heavener]

Attachment: onboard-scroll-bar-behavior-p2.mov

Had to split my video in two, here's the other half

Comment 2

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:mossop, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[BugBot [:suhaib / :marco]]

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 revert this change in case you think the bot is wrong.

Comment 4

[Emilio Cobos Álvarez [:emilio]]

My guess is that this is more about the styling of the dialog than a layout bug. Is there an easy way to repro this consistently so that I can take a look?