Bug 273300 - Web Inspector: Adding an a CSS property to an element should work
Summary: Web Inspector: Adding an a CSS property to an element should work
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: Other
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: https://bug-14856-attachments.webkit....
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2024-04-25 21:38 PDT by Karl Dubost
Modified: 2024-04-25 21:38 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Karl Dubost 2024-04-25 21:38:02 PDT
Steps to reproduce:
This was tested with STP 191

1. Go to https://bug-14856-attachments.webkit.org/attachment.cgi?id=18496
2. Open Web Inspector
3. Go to Elements Tab
4. In the middle column bottom, click on the + beside the filter label
5. It creates a selector to add
6. change the selector to be: body *
7. Add the CSS property: outline: 1px solid red

Expected:
The rendering should show the outline on the markup

Actual:
No rendering is created for the outline
A yellow warning is displayed saying the value is invalid

8. Click on the Inspector Style Sheet link beside the "body *"
9. It brings a window where we can edit the CSS
10. The CSS contains: body * {}
11. Change it to be: body * {outline: 1px solid red}

Results:
The rendering is now showing the outlines.
Go back to the outline, the Elements middle column is properly showing the values.
Comment 1 Radar WebKit Bug Importer 2024-04-25 21:38:13 PDT
<rdar://problem/127095008>