Open rafabernad opened 2 months ago
useTrapFocus show keep the focus inside all focusable elements in Sfdrawer, but seems to be working only working for the first focusable element.
This wrong behavior can be seen in the storefront-ui demos: Drawer transition and trap focus preview, where the focus is kept in the close icon.
As a side effect, is not possible to have an input inside a drawer, as it never gets focused.
Using tab, user should be able to move through all the focusable elements.
See: Drawer transition and trap focus
@storefront-ui/react@2.7.0
Next.js
v20.3.0
Chrome
MacOS
No response
Describe the Bug
useTrapFocus show keep the focus inside all focusable elements in Sfdrawer, but seems to be working only working for the first focusable element.
This wrong behavior can be seen in the storefront-ui demos: Drawer transition and trap focus preview, where the focus is kept in the close icon.
As a side effect, is not possible to have an input inside a drawer, as it never gets focused.
Expected behavior
Using tab, user should be able to move through all the focusable elements.
Steps to reproduce
See: Drawer transition and trap focus
SFUI version
@storefront-ui/react@2.7.0
Framework
Next.js
Node version
v20.3.0
Browser
Chrome
OS
MacOS
Relevant log output
No response
Able to fix / change the documentation?
Code of Conduct