NEW 271070
Web Inspector: Some shorthand style added by JavaScript are missing from details panel 
https://bugs.webkit.org/show_bug.cgi?id=271070
Summary Web Inspector: Some shorthand style added by JavaScript are missing from deta...
Qianlang Chen
Reported 2024-03-15 11:42:18 PDT
Created attachment 470391 [details] `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; }
Attachments
`font` is missing from style details panel (124.31 KB, image/png)
2024-03-15 11:42 PDT, Qianlang Chen 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-03-15 11:42:36 PDT
<rdar://problem/124704115>
Note You need to log in before you can comment on or make changes to this bug.