[Webkit-unassigned] [Bug 226903] New: Web Inspector: Style panel display incomplete CSS declarations for JS-created styles

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jun 10 16:15:58 PDT 2021


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

            Bug ID: 226903
           Summary: Web Inspector: Style panel display incomplete CSS
                    declarations for JS-created styles
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Web Inspector
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: nvasilyev at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 431158

  --> https://bugs.webkit.org/attachment.cgi?id=431158&action=review

[HTML] Reduction

Steps:
1. Open the attached HTML page
2. Inspect <div id=foo>
3. Open Style panel

Expected:
```
    font: 24px sans-serif;
    background: url(https://webkit.org/wp-content/themes/webkit/images/webkit.svg) center center / cover no-repeat fixed;}
```
Which is the same text as it's specified in JS.


Actual:
```
    font-size: 24px;
    font-family: sans-serif;
```
`background` is missing, which is misleading.
`font` shortcut expanded, into two longhand properties, which isn't ideal.


Notes:
The bug was initially discovered on https://www.disneyplus.com/home.
CSS-in-JS is very common on the modern web. It's used by React Native and other UI frameworks.

-- 
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/20210610/ef619a08/attachment.htm>


More information about the webkit-unassigned mailing list