storybookjs/storybook

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

Fechada

#26.980 aberto em 29 de abr. de 2024

 (6 comentários) (0 reação) (0 responsável)TypeScript (10.058 forks)batch import
a11y: zoomaccessibilitybughelp wantedsev:S4ui

Métricas do repositório

Stars
 (89.909 estrelas)
Métricas de merge de PR
 (Mesclagem média 7d 22h) (184 fundiu PRs em 30d)

Description

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

Guia do colaborador