[Webkit-unassigned] [Bug 271070] New: Web Inspector: style missing

Fri Mar 15 11:42:18 PDT 2024

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

            Bug ID: 271070
           Summary: Web Inspector: style missing
           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: qianlangchen at apple.com
                CC: inspector-bugzilla-changes at group.apple.com

Created attachment 470391

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

`font` is missing from style details panel

In the inspector's frontend, the style details panel doesn't show some JavaScript-added CSS properties.

(May be related to https://webkit.org/b/271001)

To reproduce,
1. Open inspector's console and run this code:
    s = new CSSStyleSheet();
    s.replaceSync('body { margin: auto; font: 17px monospace; background: linen; }');
    document.adoptedStyleSheets.push(s);
2. Go to the Elements tab and inspect <body>
3. See that the `font` style is missing, but the other two styles do show up (but as `margin-top` and `background-color` instead; this is hinting at https://webkit.org/b/271001)
   - Note: the `font` style _did_ register, like if there were any text in the body it would indeed show up as 17px and monospace, which is good. It's just not reflected in the details panel.

See attached screenshot.

The expected behavior should be that the style details panel after running the code should contain _precisely_
    body {
        margin: auto;
        font: 17px monospace;
        background: linen;
    }

-- 
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/20240315/980a44f6/attachment.htm>