1701311 - Inspector displays CSS incorrectly

Status: RESOLVED DUPLICATE of bug 1699648

(DevTools :: Inspector, defect)

Description

[Darrel Plant]

Attachment: Screen Shot 2021-03-26 at 11.46.46 AM.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:87.0) Gecko/20100101 Firefox/87.0

Steps to reproduce:

Open web page and view with DevTools Inspector
Select element on page

Actual results:

Inspector shows CSS selectors where rules for a selector should appear

Expected results:

Selectors should appear with rules specific to selector beneath

For comparison, see attached file with same element on a page selected in Firefox 87.0 (left) and Chrome 89.0.4389.90 (right)

Comment 1

[Julian Descottes [:jdescottes]]

Hi,

I can't reproduce the issue on a variety of websites.
Could you share a public page / website where to reproduce this problem?

Are you by any chance using a stylesheet loaded via import and are you updating the content stylesheet?
If yes, then you're facing the same issue as https://bugzilla.mozilla.org/show_bug.cgi?id=1699648 which just got fixed on Nightly.

Comment 2

[Darrel Plant]

Thank you, Julian, this is working correctly on Nightly 89.0a1 (2021-03-29)

Page that was my test is https://dev-lemelson-foundation.pantheonsite.io/our-story/our-founders/

Comment 3

[Julian Descottes [:jdescottes]]

Hi Darrel,

Glad it's fixed on Nightly! Thanks for the feedback.