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

Inquire about the Scalable SnapPoints feature and UI intentions #543

Open
KIMSEUNGGYU opened this issue Feb 3, 2025 · 0 comments
Open

Comments

@KIMSEUNGGYU
Copy link

KIMSEUNGGYU commented Feb 3, 2025

I have a question regarding snap points and scrolling.

Currently, when the snap points are set to 148px, 355px, and 1, the drawer is displayed for each. However, I want to show all the content through scrolling for each snap point, but it seems that the current vaul does not provide this functionality.

From the examples, it appears that only when the snap point is set to 1, the overflow-y-auto is applied.

<div
  className={clsx('flex flex-col max-w-md mx-auto w-full p-4 pt-5', {
    'overflow-y-auto': snap === 1,
    'overflow-hidden': snap !== 1,
  })}
>
....
  );
}

So, I am curious whether the original intention was to show the entire area and the overflow area through scrolling only when the snap point is 1, and in other cases, to display only the UI as planned or designed.

I want to show "all" the elements in the content based on the height of each snap point, and I am wondering if this functionality is not provided or if it is the intention of the UI library.

Additionally, I would like to know if there are plans to provide a scroll feature that shows the elements in the content based on the height of each snap point.

Here is an example of the functionality I want to achieve:

Problem UI

If there are 10 boxes in total and snap is not full, the entire element is not visible when scrolling
Image

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

No branches or pull requests

1 participant