Unusable navigation in the SolidJS site
vijaybritto opened this issue · 5 comments
Describe the bug
The navigation while viewing in my PC is unusable and scrolls horizontally and vertically at the same time.
Your Example Website or App
Steps to Reproduce the Bug or Issue
- Goto https://www.solidjs.com/
- Reduce the width of the window to a level where the navigation begins to scroll horizontally
- Try to reach links in the navigation
Expected behavior
To be able to scroll horizontally to the end or beginning of the navigation bar
Screenshots or Videos
Recording.2024-02-14.231720.mp4
In the video above I'm trying to reach the last item in the navigation but its scrolling vertically as well. I'm using the mouse wheel
Platform
- OS: [e.g. macOS, Windows, Linux]
- Browser: [e.g. Chrome, Safari, Firefox]
- Version: [e.g. 91.1]
Browser - Chrome
Version 121.0.6167.161 (Official Build) (64-bit)
Additional context
The innerWidth of my window was 1180
Can you check if you are able to reproduce with browser extensions disable?
@titoBouzout I see the same in incognito window as well.
Yes, but did you make sure extensions were disable? because on incognito extensions could be running
I can confirm this is an issue with touchpad as well. It needs some preventDefault() on that vertical scroll etc.
https://stackoverflow.com/questions/55152799/prevent-window-vertical-scroll-until-divs-horizontal-scroll-reaches-its-end
Awesome, @vijaybritto and team. Thank you very much for this report. A fix was sent up by @AlidotSal. If you continue seeing an issue let us know on this thread. :)