Dragging the Vaul doesn't change the snap point

[noskovvkirill]

Hi! Thanks for building Vaul. We see an issue when the user drags the bottom sheet it doesn't stick to the new position while short swipes work.

You can see it in the attached video.

IMG_0106.MOV

const ReactionsList = memo(
  ({
    reactions,
    isOpen,
    setIsOpen,
  }) => {
    const [activeSnapPoint, setActiveSnapPoint] = React.useState<
      number | null | string
    >(0.5);
    return (
      <Drawer.Root
        scrollLockTimeout={0}
        open={isOpen}
        closeThreshold={0.1}
        setActiveSnapPoint={setActiveSnapPoint}
        activeSnapPoint={activeSnapPoint}
        onClose={() => setIsOpen(false)}
        onOpenChange={(open) => {
          if (open) {
            setIsOpen(true);
          } else {
            setIsOpen(false);
          }
        }}
        dismissible={true}
        snapPoints={[0.5, 1]}>
        <Drawer.Portal>
          <Drawer.Content className="pt-safe fixed bottom-0 left-0 h-full w-full">
            <Header/>
            <Virtuoso
              style={{ height: '100%' }}
              data={reactions}
              overscan={100}
              itemContent={(_, reaction) => {
                return (
                  <List
                    onClick={() => {
                     // on click action
                    }}>
                    {reaction.name}
                  </List>
                );
              }}
            />
          </Drawer.Content>
        </Drawer.Portal>
      </Drawer.Root>
    );
  },
);

Below is an example of how the bottom sheet works in Discord

IMG_0107.MOV

On a side note, we also wish the scrolling within a container would change a breakpoint and expand the bottom sheet.