storybookjs/storybook

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

已關閉

#26,980 建立於 2024年4月29日

 (6 則留言) (0 個反應) (0 位負責人)TypeScript (10,058 個分叉)batch import
a11y: zoomaccessibilitybughelp wantedsev:S4ui

倉庫指標

星標
 (89,909 顆星)
PR 合併指標
 (平均合併 7天 22小時) (30 天內合併 184 個 PR)

描述

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

貢獻者指南