Bug 250134 - Web Inspector: Styles Panel: Tab navigation forwards skips groupings (@media, @supports) of next CSS rule
Summary: Web Inspector: Styles Panel: Tab navigation forwards skips groupings (@media,...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Razvan Caliman
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-01-05 10:03 PST by Razvan Caliman
Modified: 2023-03-17 09:53 PDT (History)
2 users (show)

See Also:


Attachments
Test file (300 bytes, text/html)
2023-01-05 10:03 PST, Razvan Caliman
no flags Details
Video recording of issue (719.21 KB, video/quicktime)
2023-01-05 10:04 PST, Razvan Caliman
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.