Closed Bug 1666252 Opened 4 years ago Closed 4 years ago

What's new - focus ring overlaps and cuts dates on tab-select


(Firefox :: Messaging System, defect, P1)




84 Branch
84.2 - Nov 2 - Nov 15
Tracking Status
firefox-esr78 --- wontfix
firefox80 --- wontfix
firefox81 --- wontfix
firefox82 --- wontfix
firefox83 --- wontfix
firefox84 --- verified


(Reporter: cfogel, Assigned: emcminn)




(Keywords: regression)


(3 files)

Attached image Untitled.png

Affected versions

  • 82.0a1(2020-09-20);

Affected platforms

  • Windows 10, macOS 11.0;

Steps to reproduce

  1. Launch Firefox, click on the Hamburger menu;
  2. Click on the What's new option;
  3. Press the Tab key a couple of times;

Expected result

  • no issues;

Actual result

  • tab-selection indicator cuts the date for listed entries;

Regression range

  • First bad build_date: 2020-05-10;
  • Last good build_date: 2020-05-11;
  • Potential regressor: 1630907

Additional notes

  • attached screenshot with the issue;
  • S3 as suggested severity.
Has Regression Range: --- → yes
Has STR: --- → yes
Priority: -- → P5
Assignee: nobody → emcminn
Iteration: --- → 84.1 - Oct 19 - Nov 01
Priority: P5 → P1
Iteration: 84.1 - Oct 19 - Nov 01 → 84.2 - Nov 2 - Nov 15
Pushed by
Margin adjustment for WNPanel r=andreio
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → 84 Branch

The focus ring covers the entry-header bottom pixels, is that intended?
This is the case for 84.0a1 (2020-11-11) on the mentioned platforms.

Flags: needinfo?(emcminn)

It wasn't really intentional as much as just the result of pushing the element down as little as possible to keep the ring from obscuring the date. We could always check with UX to see if the overlap is okay; the trade-off of moving it further would be margins/whitespace between the message titles and the date bar that are quite a bit bigger than the UX spec.

Flags: needinfo?(emcminn)
Flags: qe-verify+

I don't think the whole content area should have a focus ring, just the Learn more link.

With the confirmation from Aaron;
@Emily, do we need to file a followup bug or can this be re-patched?

Flags: needinfo?(emcminn)

I'll take a look today; if it's a small enough change I'll reopen the bug and we can re-patch it.

Flags: needinfo?(emcminn)

After looking in to this, I think I'm going to file a followup. The content area focus ring comes from the message being a button, which was originally done I believe because we wanted the entire area to be clickable/click through to the learn more page. It can be changed, but it'll require modifying the render of the WNPanel messages and the associated tests, so it's a bit bigger than a re-patch. Thx!

Blocks: 1680794

Marking this as verified based on the comments above(the main issue with text being overlapped with focus ring has been addressed).
Will shift the QE+ flag on the followup bug and track rework-status on it.

@Emily thank you for the input and help with the issue.

Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.