[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