1792661 - [Intermittent] The Firefox View callouts display UI issues at zoom in and out

Status: NEW

(Firefox :: Messaging System, defect, P2)

Description

[Maria Heres, inactive, contact Ecosystem QA]

Attachment: overlap.gif

[Affected Versions]:

• Firefox Beta 106.0b5 (Build ID: 20220927185813)
• Firefox Nightly 107.0a1 (Build ID: 20220927213841)

[Affected Platforms]:

• macOS 11.6.6
• Linux Mint 20.2
• Windows 10x64

[Steps to reproduce]:

1. Open the browser on a new profile.
2. Open Firefox View by clicking the Firefox View button from the tab bar.
3. Click the "See how it works" button from the Welcome Spotlight of the Firefox View page to trigger the first callout message.
4. Zoom out to the minimum size (30%) and then zoom in and out.
5. Observe the callouts.

[Expected result]:

• The callouts are displayed without any UI issues at all zoom values.

[Actual result]:

• The callouts display the following UI issues at zoom in and out for smaller zoom values:
  • Callout is entirely covered by a FirefoxView section.
  • Callout is partially covered by a FirefoxView section (i.e. a part of the text or a single button from the section underneath is displayed over the callout).

[Notes]:

• The issue was reproducible for the Continuous Onboarding callouts as well.
• Attached is a recording of the issue.

Comment 1

[Shane Hughes [:aminomancer]]

I think this is really a layout or graphics bug, as the callout has the maximum z-index value and they're sometimes just not being stacked correctly for some reason. Sometimes it spontaneously corrects, other times mousing around the callout or opening the inspector fixes it. I attempted a regression but unfortunately this is present from the first implementation of feature callouts. It might be helpful to construct a basic test doc that can be checked in old versions with mozregression.

Comment 2

[Punam Dahiya [:pdahiya]]

Needs to be investigated further to find the underlying cause as the issue is intermittent. Product has prioritized issue as nice to fix in 107.