NuxtUI3 SelectMenu & GSAP SmoothScroller Position Issue
With a SmoothScroller active on my Nuxt4 website, when opening a selectMenu, it makes the page scroll up (if possible) removing the dropdown from view and causing bad UX USelect works fine, as well as UPopover.
2 Replies
Hi @nathanr. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
I'm sorry, but the knowledge sources do not contain specific information about issues with Nuxt UI's SelectMenu component interacting with GSAP's SmoothScroller (or Lenis) causing the page to scroll up when opening the dropdown. The available documentation covers SelectMenu usage, props, and customization, as well as GSAP integration for transitions and scroll-triggered animations, but does not address this particular compatibility or UX issue.
If you are experiencing this problem, it may be due to how the SelectMenu manages focus or scroll positioning in combination with a custom scroll handler like GSAP's SmoothScroller. However, without explicit documentation or examples in the provided sources, I cannot offer a confirmed solution or workaround.
If you need further help, I recommend checking for open issues or discussions on the Nuxt UI GitHub repository or the GSAP forums, as this may be a known integration issue not yet covered in the official docs.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
<@243051127904534528> Kapa.ai is still learning and improving, please let me know how I did by reacting below.