Open Bug 1692588 Opened 4 years ago Updated 4 years ago

focus ring on about:debugging's "Load Temporary Add-on" button is cut off

Categories

(DevTools :: about:debugging, defect, P3)

defect

Tracking

(firefox-esr78 affected, firefox85 affected, firefox86 affected, firefox87 affected)

Tracking Status
firefox-esr78 --- affected
firefox85 --- affected
firefox86 --- affected
firefox87 --- affected

People

(Reporter: cpeterson, Unassigned)

Details

Attachments

(2 files)

Attached image about-debugging-screenshot.jpg (deleted) —

Steps to reproduce

  1. Enable widget.disable-native-theme-for-content in Nightly. I'm using Windows 10.
  2. Restart Nightly.
  3. Open about:debugging
  4. Click "This Nightly" on left side of page.
  5. Click "Load Temporary Add-on" button.
  6. When the file dialog opens, press ESC to dismiss it.

Result

The "Load Temporary Add-on" button has a blue focus ring, but the top edge is cut off. See the attached screenshot.

Fixing this bug is probably as easy as repositioning the "Load Temporary Add-on" button on the about:debugging page, but it worries me that the non-native focus ring is going to cause other layout webcompat issues on websites.

Attached image native theme (deleted) —

This is also an issue with the native theme to be clear.

No longer blocks: remove-native-theming
Component: Widget → about:debugging
Product: Core → DevTools
Summary: Non-native blue focus ring on about:debugging's "Load Temporary Add-on" button is cut off → focus ring on about:debugging's "Load Temporary Add-on" button is cut off
Severity: -- → S4
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: