Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NavigationMenu does not work on mobile #446

Open
ian-pascoe opened this issue Jul 18, 2024 · 1 comment
Open

NavigationMenu does not work on mobile #446

ian-pascoe opened this issue Jul 18, 2024 · 1 comment

Comments

@ian-pascoe
Copy link

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:

  1. Go to kobalte.dev
  2. Click on NavigationMenu component
  3. Scroll down to the example
  4. Open DevTools
  5. Change to mobile view
  6. 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.

@ian-pascoe ian-pascoe changed the title NavigationMenu does not work on iOS NavigationMenu does not work on mobile Jul 18, 2024
@papatie
Copy link

papatie commented Oct 18, 2024

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");}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🏗 In Progress
Development

No branches or pull requests

2 participants