Closed Bug 1624330 Opened 4 years ago Closed 4 years ago

Snippet dismiss option overlaps its button at browser resize

Categories

(Firefox :: Messaging System, defect, P1)

Desktop
All
defect

Tracking

()

VERIFIED FIXED
Firefox 76
Iteration:
76.2 - Mar 23 - Apr 5
Tracking Status
firefox74 --- wontfix
firefox75 --- wontfix
firefox76 --- verified

People

(Reporter: vvalentina, Assigned: emcminn)

Details

Attachments

(2 files)

Attached image snippet-x.png

[Affected versions]:

  • Firefox Release 74.0 Build ID 20200309095159
  • Firefox Beta 75.0b7 Build ID 20200322132212
  • Firefox Nightly 76.0a1 Build ID 20200323092419

[Affected Platforms]:

  • Windows 10
  • Mac OS 10.15.3
  • Ubuntu 18.04 x64

[Prerequisites]:

  • Have a Firefox profile with the following pref in the "about:config" page:
    • "browser.newtabpage.activity-stream.asrouterExperimentEnabled" with "true" value;

[Steps to reproduce]:

  1. Open the browser with the profile from prerequisites.
  2. Navigate to "about:config#asrouter" page.
  3. Click the “Show” button for a long text snippet with a button. (i.e. "NEWSLETTER_TEST_DEFAULTS")
  4. Horizontally resize the browser to approximately half.

[Expected result]:
There are no layout issues.

[Actual result]:
Snippet dismiss option overlaps its button.

[Notes]:

  • Issue can be reproduced with live snippets also, as the majority have long text and a button.
  • Large screens need browser resize past half.
  • Small or minimum browser resize wraps the snippet correctly.
Assignee: nobody → emcminn
Iteration: --- → 76.2 - Mar 23 - Apr 5
Priority: -- → P1
Pushed by emcminn@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/a2059ce088fe
Removed a redundant CSS rule that caused snippet dismiss button to overlap content r=andreio
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 76

I have verified that the issue is no longer reproducible on Firefox Nightly 76.0a1 (Build ID 20200325213906) using Windows 10, Linux Ubuntu 18 and Mac 10.15.
Snippet dismiss option does not overlap its button at browser resize.

Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: