Bug 250134

Summary: Web Inspector: Styles Panel: Tab navigation forwards skips groupings (@media, @supports) of next CSS rule
Product: WebKit Reporter: Razvan Caliman <rcaliman>
Component: Web InspectorAssignee: Razvan Caliman <rcaliman>
Status: RESOLVED FIXED    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Test file
none
Video recording of issue none

Description Razvan Caliman 2023-01-05 10:03:33 PST
Created attachment 464354 [details]
Test file

Steps to reproduce:

- Open the attached test file: `at-nested.html`
- Inspect the `body` element
- Click to edit the inline style `display: block`
- Press Tab repeatedly to navigate forwards to the next rule's groupings, selector and properties.

Expected:

I should be able to tab into @media, @supports, then selector of the next rule

Actual:

The @media and @supports editable condition text fields are skipped when tabbing to navigate forward.
Navigating backwards with Shift + Tab will correctly focus the editable fields.
Comment 1 Razvan Caliman 2023-01-05 10:04:02 PST
Created attachment 464355 [details]
Video recording of issue
Comment 2 Radar WebKit Bug Importer 2023-01-05 10:04:39 PST
<rdar://problem/103918354>
Comment 3 Razvan Caliman 2023-03-17 08:38:46 PDT
Pull request: https://github.com/WebKit/WebKit/pull/11655
Comment 4 EWS 2023-03-17 09:52:54 PDT
Committed 261796@main (dae5e660c9cc): <https://commits.webkit.org/261796@main>

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