1790124 - Onboarding modal's scrollbars overlap with the underlying browser's, and they're not fully opaque for dark themes

Status: NEW

(Firefox :: Messaging System, defect, P3)

Description

[Shane Hughes [:aminomancer]]

Attachment: transparent dialog scrollbar in private browsing.png

(See attached image for example)

This is a pretty minor visual jank but may be easy to fix with the scrollbar-color CSS property. The scrollbars in the dialog are overlayed on top of the scrollbars in the content area. The effects of this will vary by OS theme and some Firefox settings (like widget.non-native-theme.scrollbar.style), but on Windows it's not a problem with the default theme as the scrollbar slider is completely opaque.

It only becomes a problem for dark themes (such as in private browsing windows), where the slider's and thumb's background colors have less than 1 alpha. These colors are dynamically generated at the widget level, but they can be set (including alpha) with the scrollbar-color CSS property.

It makes sense to use the same color scheme dependent properties from which the background color is derived. Like the slider could be var(--in-content-page-background) and the thumb var(--in-content-button-background)

Comment 1

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

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

For more information, please visit auto_nag documentation.