[Webkit-unassigned] [Bug 52125] New: Web Inspector: Please implement the style pane to show dynamic styles being added to elements via classes

[bugzilla-daemon at webkit.org]

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

           Summary: Web Inspector: Please implement the style pane to show
                    dynamic styles being added to elements via classes
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Web Inspector
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: priyajeet.hora at gmail.com
                CC: timothy at apple.com, rik at webkit.org, keishi at webkit.org,
                    pmuellr at yahoo.com, joepeck at webkit.org,
                    pfeldman at chromium.org, yurys at chromium.org,
                    bweinstein at apple.com, apavlov at chromium.org,
                    loislo at chromium.org


Unlike firebug, web inspector doesn't show styles that are applied to html elements dynamically via classes.
This makes css debugging on firebug a more desirable, when you have to debug elements part of complex frameworks like jquery, dojo etc.
As an example, try checking out and debugging http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html.

While the left pane showing elements does show the classes being added dynamically to an element, the style pane doesn't show the updated styles in those classes that gets applied to elements, making it hard to debug. Since a lot of these classes are added with some mouse event, one needs to memorize the class name being added and then hunt around in the css for the styles it was including vs in firebug you could easily glance over the styles while keeping your mouse over the element.

This is more of a feature request extension to Bug 44267

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.