Bug 245768

Summary: Web Inspector: New CSS property unexpectedly dropped from empty CSS rule when tabbing through or editing selector
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Razvan Caliman <rcaliman>
Status: RESOLVED FIXED    
Severity: Normal CC: hi, inspector-bugzilla-changes, pangle, rcaliman, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   

Description Karl Dubost 2022-09-27 23:04:26 PDT
1. Enter in the URL bar: data:text/html,<div>
2. Open Web Inspector
3. On the Elements tab
4. select the div element under body
4. Click at the bottom on the second column on the plus sign
5. it adds a div at the top of the second column in the style editor
6. TAB It goes to the property section
7. Type "out" Then TAB 
8. It sometimes go to the value section with outline being completed
9. For the value, type: 1px border red Then TAB

Expected:
outline {1px border red} is set.

Actual:
Everything disappears

This is happening very often when tabbing in this context.
Comment 1 Radar WebKit Bug Importer 2022-09-27 23:04:52 PDT
<rdar://problem/100492875>
Comment 2 Razvan Caliman 2023-03-15 06:53:11 PDT
Pull request: https://github.com/WebKit/WebKit/pull/11548
Comment 3 EWS 2023-03-20 00:37:25 PDT
Committed 261861@main (84150ea85574): <https://commits.webkit.org/261861@main>

Reviewed commits have been landed. Closing PR #11548 and removing active labels.