Closed Bug 1574366 Opened Last month Closed Last month

Watch Expressions: Rep Target overlaps close button

Categories

(DevTools :: Debugger, defect)

Unspecified
All
defect
Not set

Tracking

(firefox70 verified)

VERIFIED FIXED
Firefox 70
Tracking Status
firefox70 --- verified

People

(Reporter: davidwalsh, Assigned: chris.muldoon90, Mentored)

References

(Blocks 1 open bug)

Details

(Keywords: good-first-bug)

Attachments

(1 file, 1 obsolete file)

Attached image HoverTargetOverlap.png

When hovering over a watch expression that is an element rep (ex: document.body), the inspector icon and close button overlap.

Blocks: dbg-frontend
Mentor: dwalsh
Keywords: good-first-bug

Hi, could i give this one a go?

First attempt at a bug, so any mentoring would be greatly appreciated.

Yes, of course Chris! Please let me know if I can help! :)

Cool thanks.

Confirming steps to reproduce:

  1. Go to a website, i.e. http://todomvc.com/examples/jquery/#/all
  2. Open the debugger
  3. In the debugger, add a watch expression i.e. "document.body"
  4. Hovering over our newly created watch expression, a close button appears. If the syntax is too long, or we have made the side tab smaller (where our watch expression tab is located), the inspector icon and close button element overlap.
Pushed by dwalsh@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/c192db6ab723
Remove flexbox from .node.object.node for better formatting. r=davidwalsh
Status: NEW → RESOLVED
Closed: Last month
Resolution: --- → FIXED
Target Milestone: --- → Firefox 70
Assignee: nobody → chris.muldoon90
Attachment #9086303 - Attachment is obsolete: true
Flags: qe-verify+

Confirmed issue with 69.0a1(15.08.2019).
Fix verified with 70.0b7 on WIndows 10, macOS 10.13, Ubuntu 16.04.

Status: RESOLVED → VERIFIED
OS: Unspecified → All
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.