[Webkit-unassigned] [Bug 138185] New: Web Inspector: I do not expect to see the same rule multiple times in styles sidebar

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=138185

            Bug ID: 138185
           Summary: Web Inspector: I do not expect to see the same rule
                    multiple times in styles sidebar
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: joepeck at webkit.org
                CC: graouts at webkit.org, joepeck at webkit.org,
                    timothy at apple.com, webkit-bug-importer at group.apple.com

* SUMMARY
When a rule with multiple selectors matching the current selected element, the rule shows up multiple times in the sidebar.

* TEST

    <style>*, h1, .a, h1.a, body > #foo.a.b { color: green; }</style>
    <h1 id="foo" class="a b c">Hello World</h1>

* STEPS TO REPRODUCE
1. Inspect h1#foo on test page
2. Show styles sidebar
  => See the one rule 5 times

* NOTES
It is not too unreasonable to show this rule multiple times. For instance in this test:

    <style>
    h1, h1.a { color: blue }
    .a { color: red; }
    </style>
    <h1 class="a">Test</h1>

Which will show the fallback list as:

    Rule 1 (h1.a) -> Rule 2 (.a) -> Rule 1 (a)

However, in the case where the same rule matches multiple times, it seems the case of higher specificity should show, and the others do not need to.

* OTHER BROWSERS
- Chrome matches Safari now and shows the rule multiple times
- Firefox only shows the rule once

Thoughts?

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20141029/ea9dc6f3/attachment-0002.html>