2060522 - Transparent error notification causes background text to bleed through in FELT window

Status: NEW

(Enterprise Products :: Firefox, defect)

Description

[Peter Magyari (Desktop QA)]

Attachment: Transparentmsgbar.png

Affected version

• Firefox Enterprise 155.0a1 (Nova)

Affected platforms

• All

Steps to reproduce

1. Disable Internet connection
2. Open Firefox Enterprise
3. Enter a random character into the email text field and press [Continue]

Expected result

• Background text is not visible through the error notification(s)

Actual result

• Transparent error notification(s) cause background text to bleed through

Comment 1

[Josh Porter [:jporter]]

Attachment: storybook-message-bar-warning-background-color.png

Some additional context from briefly looking into this...

• This issue reproduces on the Storybook for Firefox when type is set to anything except info.
• The css var --moz-message-bar-color is defined in moz-message-bar.tokens.css to use the --background-color-box token, while the critical/warning/success variants use an undefined --message-bar-background-color token (see screenshot).
• In the message bar tokens, --message-bar-background-color-warning is set to var(--message-bar-background-color), and then the warning variant's css rule, --message-bar-background-color is set to var(--message-bar-background-color-warning) so the variables are cyclical and never uses a properly defined token.

Comment 2

[akulyk]

This should be fixed in Bug 2054561