You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Default navigation mode relies on disabling prev/next buttons in DOM when user reaches the first / last slide.
Dynamically setting HTML disabled on a focused element results in keyboard focus getting lost. The recommended way of managing disabled state for such widgets is using tabIndex={-1} and aria-disabled="true" instead, which doesn't affect keyboard focus.
Workarounds
Implement custom renderCenterLeftControls and renderCenterRightControls functions to render aria-disabled and tabIndex attributes on buttons instead of disabled, implement CSS overrides for aria-disabled
Use the "wrap-around" mode
The text was updated successfully, but these errors were encountered:
Is there an existing issue for this?
Code of Conduct
Code Sandbox link
https://commerce.nearform.com/open-source/nuka-carousel/
Bug report
Default navigation mode relies on disabling prev/next buttons in DOM when user reaches the first / last slide.
Dynamically setting HTML
disabled
on a focused element results in keyboard focus getting lost. The recommended way of managing disabled state for such widgets is usingtabIndex={-1}
andaria-disabled="true"
instead, which doesn't affect keyboard focus.Workarounds
renderCenterLeftControls
andrenderCenterRightControls
functions to renderaria-disabled
andtabIndex
attributes on buttons instead ofdisabled
, implement CSS overrides foraria-disabled
The text was updated successfully, but these errors were encountered: