In the latest version of react-pro-sidebar (v1.1.0), when attempting to navigate through the menus and submenus using the TAB key, the navigation does not skip the collapsed submenu items. This issue is demonstrated in the linked video.
Steps to Reproduce
Focus on the sidebar section with all submenus in a closed state.
Press the TAB key for the first time, which selects the Charts menu.
Press the TAB key again. The Charts menu loses focus, and it seems no other menu is selected, but it appears to navigate to the Charts submenus, which are in a collapsed state.
Press TAB two more times to navigate to the next menu option, Maps.
Expected Behavior
In comparison, the following demo in CodeSandbox using version 0.6.0 of react-pro-sidebar demonstrates the expected behavior. When navigating with the TAB key, the navigation skips the collapsed submenus.
Please provide guidance on how to achieve the expected TAB navigation behavior, as demonstrated in the version 0.6.0 demo, in the latest version of the library.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Package: react-pro-sidebar v1.1.0 Demo Site: Demo Site
Video Demonstration
https://github.com/azouaoui-med/react-pro-sidebar/assets/62564910/05b9fdbe-b9a6-454c-848e-8eae64ab65de
Description
In the latest version of react-pro-sidebar (v1.1.0), when attempting to navigate through the menus and submenus using the TAB key, the navigation does not skip the collapsed submenu items. This issue is demonstrated in the linked video.
Steps to Reproduce
Expected Behavior
In comparison, the following demo in CodeSandbox using version 0.6.0 of react-pro-sidebar demonstrates the expected behavior. When navigating with the TAB key, the navigation skips the collapsed submenus.
Please provide guidance on how to achieve the expected TAB navigation behavior, as demonstrated in the version 0.6.0 demo, in the latest version of the library.