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
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
disabledon 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
renderCenterLeftControlsandrenderCenterRightControlsfunctions to renderaria-disabledandtabIndexattributes on buttons instead ofdisabled, implement CSS overrides foraria-disabled