chakra-ui / ark

A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.

Home Page:https://ark-ui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Select Content loses position of Trigger on scroll

rtwayland opened this issue · comments

Description

When an opened Select is inside a scrollable container, the Trigger will scroll away from the Content rather than the Content sticking to the Trigger's position.

Link to Reproduction (or Detailed Explanation)

https://stackblitz.com/edit/stackblitz-starters-xw6ba1?file=src%2FApp.tsx,src%2FSelect.tsx

Steps to Reproduce

Open the Select. If you scroll within the main content, everything works as normal.
However, if you scroll within the Select's parent container, you can see the Trigger scroll away from the Content.

Ark UI Version

2.0.1

Framework

  • React
  • Solid
  • Vue

Browser

Google Chrome

Additional Information

Ark.Docs.Modification.mov
Select.Content.Scroll.mov

This has been fixed in Zag.js

A new version will be released soon. We’ll re-open if issue persists after upgrading.