Closed Bug 1348765 Opened 8 years ago Closed 8 years ago

DOM highlighting doesn't work when hovering over a node in the inspector tab version: 54.0a2 (2017-03-16) (32-bit), Firefox Developer Edition, Windows 10

Categories

(DevTools :: Inspector, defect)

54 Branch
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED WORKSFORME

People

(Reporter: n1896849, Unassigned, NeedInfo)

Details

Attachments

(2 files)

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0 Build ID: 20170316004004 Steps to reproduce: Right click element select "Inspect Element" Actual results: Node is highlighted in the DOM tree in the inspector tab but the element is not highglighted on the page Expected results: element should be highlighted (light blue background with dashed borders) version: 54.0a2 (2017-03-16) (32-bit), Firefox Developer Edition, Windows 10 testcase: http://pastebin.com/AWjQrG6Y notes: the import url statement in the CSS seems to be the issue. once removed the highlighting works as expected
Component: Untriaged → Developer Tools: Inspector
the @import url breaks the highlighting in the inspector. remove it and the highlighting works again as expected
WFM with FF54 on Win 7, hovering the highlighted node in Inspector highlights the element on the page. Are you able to reproduce it with a fresh profile? https://support.mozilla.org/t5/Install-and-Update/Use-the-Profile-Manager-to-create-and-remove-Firefox-profiles/ta-p/2914
Flags: needinfo?(n1896849)
This also works for me in Firefox 55 on Windows 10. I'm going to close this for now. Please feel free to re-open if you can still reproduce the issue.
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → WORKSFORME
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: