Bug 264148 - adoptedStyleSheets incorrectly displayed as locked User Agent Style Sheet
Summary: adoptedStyleSheets incorrectly displayed as locked User Agent Style Sheet
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 14
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-11-03 04:50 PDT by Steve Orvell
Modified: 2024-04-08 08:53 PDT (History)
5 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Steve Orvell 2023-11-03 04:50:12 PDT
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`.
Comment 1 Steve Orvell 2023-11-03 04:51:21 PDT
This behavior occurs on Safari 17.1 as well as Safari Technology Preview release 182.
Comment 2 Ben Frain 2023-11-03 05:04:44 PDT
Also occurred on Safari 17.0
Comment 3 Alexey Proskuryakov 2023-11-06 10:32:20 PST
Thank you for the report! Do you happen to know if this reproduced on any versions prior to 17.x?
Comment 4 Radar WebKit Bug Importer 2023-11-10 03:51:12 PST
<rdar://problem/118229432>