NavigationMenu does not work on mobile
Describe the bug A clear and concise description of what the bug is. Clicking on links within the NavigationMenu component does not work on iOS, just closes the menu.
To Reproduce Steps to reproduce the behavior:
- Go to kobalte.dev
- Click on NavigationMenu component
- Scroll down to the example
- Open DevTools
- Change to mobile view
- Try clicking the links
Expected behavior A clear and concise description of what you expected to happen. Links should be clickable on mobile
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information): N/A
Smartphone (please complete the following information):
- Device: iPhone 13
- OS: iOS
- Browser: Safari
Additional context Add any other context about the problem here.
For a quick-fix we used the onSelect prop from the NavigationMenu.CheckboxItem and used the window.open function to open the link.
onSelect={() => window.open("https://kobalte.dev/docs/core/components/navigation-menu/", "_blank");}