storybookjs/storybook

[Bug]: On Setting viewport to 320*256 pixels, Keyboard focus is moving to the hidden controls.

クローズ

#26,980 opened on 2024/04/29

 (6 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (10,058 件のフォーク)batch import
a11y: zoomaccessibilitybughelp wantedsev:S4ui

Repository metrics

Stars
 (89,909 個のスター)
PR merge metrics
 (平均マージ 7d 22h) (30d で 184 merged PRs)

説明

Describe the bug

Test Environment:

OS: Windows 11 Version 22H2 (OS Build 22621.2861)

To Reproduce

Repro Steps: 1.Open URL: AvatarList - Docs ⋅ Storybook (chromatic.com) 2.Story book page opens 3.Press 6-tab keys and focus will move to "Skip to Canavas" 4.Press enter key on "Skip to canvas" button and press tab key 5.Focus will move to "Skip to sidebar" and press enter key on it. 6.Now, Resize the browser to 200% and open the developer tool in another window 7.Set the view port to 320256 pixel for the page. 8.Verify whether on Setting viewport to 320256 pixels, Keyboard focus is moving to the hidden controls or not.

Expected Results On Setting viewport to 320*256 pixels, Keyboard focus should not move to hidden controls.

https://github.com/storybookjs/storybook/assets/93735775/11d6ad0b-ddc9-4c52-8e6c-5873afe7f0db

System

Actual Results: 
Issue: On Setting viewport to 320*256 pixels, Keyboard focus is moving to the hidden controls.
Observation: Keyboard focus is moving to hidden controls with multiple tab keys after 'Enter text' edit field.

Additional context

No response

コントリビューターガイド