Bug 246378

Summary: Web Inspector: Add styles to Shadow Content in Elements tab
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, pangle, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   

Description Karl Dubost 2022-10-11 18:19:33 PDT
Steps to reproduce:
1. Go to https://wpt.fyi/results/css/css-color?label=experimental&label=master&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2022-color
2. With web inspector opened, with the crosshair tool, select a row of the table (with the test results)
3. Put the cursor in Elements on a "tr" element
4. Click on the "+" at the bottom of the style rules column (near the Filter search field on the left)

Expected:
tr is added to the column rule

Actual:
Nothing. No error message (but + button is active)
The content is part of the shadow content and Web Inspector can't be used to add styles to it.
Comment 1 Radar WebKit Bug Importer 2022-10-11 18:25:16 PDT
<rdar://problem/101059595>