Bug 264148
| Summary: | adoptedStyleSheets incorrectly displayed as locked User Agent Style Sheet | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Steve Orvell <steveorvell> |
| Component: | Web Inspector | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ap, contact, inspector-bugzilla-changes, opendarwin, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Mac (Apple Silicon) | ||
| OS: | macOS 14 | ||
Steve Orvell
When inspecting an element with a style applied from an `adoptedStyleSheet`, the inspector displays the style as originating from a locked `User Agent Style Sheet`. This makes it impossible to use the inspector to alter the style or know from where it's originating.
See https://jsbin.com/juhucaw/2/edit?html,output.
Steps to reproduce:
1. Inspect the blue div
2. Look at it's styles.
Expected:
1. styles are editable in the inspector
2. styles are reported as coming from an adoptedStyleSheet
Actual:
1. styles are locked in the inspector
2. styles are reporeted as coming from `User Agent Style Sheet`.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Steve Orvell
This behavior occurs on Safari 17.1 as well as Safari Technology Preview release 182.
Ben Frain
Also occurred on Safari 17.0
Alexey Proskuryakov
Thank you for the report! Do you happen to know if this reproduced on any versions prior to 17.x?
Radar WebKit Bug Importer
<rdar://problem/118229432>