Snapping is hard and unintuitive with distant snap points

[w0pp]

The bottom sheet is too hard to snap when snap points are far apart. I suspect this is because the snap is determined based on which snap point is closest to the new sheet height.

Other bottom sheet implementations such as:

• Google Maps web app on mobile
• Android's native Material 3 ModalBottomSheet

are all much easier to snap. I think it's because they determine the new snap based on the direction of the pan (next snap point if user panned up, previous snap point if user panned down).

Videos showing the difference:

• Google Maps: https://github.com/user-attachments/assets/34bd3b21-06ae-4b18-87c5-bf12510f8408
• vue-spring-bottom-sheet (:snap-points="['100%', '20%']"): https://github.com/user-attachments/assets/eeedb8e9-235a-4536-9075-bc0a3b92651c

[megaarmos]

The bottom sheet is too hard to snap when snap points are far apart. I suspect this is because the snap is determined based on which snap point is closest to the new sheet height.

Yes you are absolutely right, this is one of the thing i wanted to implement.
Thank you for bringing this up)