Unusable navigation in the SolidJS site

[vijaybritto]

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

https://www.solidjs.com/

Steps to Reproduce the Bug or Issue

1. Goto https://www.solidjs.com/
2. Reduce the width of the window to a level where the navigation begins to scroll horizontally
3. 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

[titoBouzout]

Can you check if you are able to reproduce with browser extensions disable?

[vijaybritto]

@titoBouzout I see the same in incognito window as well.

[titoBouzout]

Yes, but did you make sure extensions were disable? because on incognito extensions could be running

[birkskyum]

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

[davedbase]

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. :)