[Webkit-unassigned] [Bug 278544] New: Web Inspector: There should be a kind of breakpoint for style modifications done by CSSOM

[bugzilla-daemon at webkit.org]

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

            Bug ID: 278544
           Summary: Web Inspector: There should be a kind of breakpoint
                    for style modifications done by CSSOM
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Enhancement
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: qianlangchen at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Besides the regular JavaScript breakpoints, Web Inspector currently provides many other kinds of breakpoints. Accessed via the context menu for a DOM node in the Elements tab, you can create breakpoints for when a DOM subtree is modified, when an node's attribute is modified, and when a node is removed.

It would be nice if there's a new kind of breakpoint that breaks when an element's style is dynamically modified through JavaScript. Styles can be modified via the CSS Object Model (CSSOM), and its usage has become very popular nowadays, particularly with various third-party JavaScript libraries like styled-components. This kind of breakpoints will allow developers to see the source of dynamic style changes, backed by all the advantages of breakpoints, such as:
   - A call stack is shown, along with local and global variables' values, letting developers see the actual source of the style change in their code rather than in the third-party library.
   - Code execution is paused, making it easier to reason about or reproduce each style change that might otherwise happen too quickly or frequently.

-- 
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/20240822/2b67b060/attachment.htm>