サクッとボトムシートを作りたかっただけなのに、躓いて時間がかかったのでメモとして残しておく

shadcn uiのDrawerについて

shadcn uiのDrawerはvaulを使って実装されています

Drawerとありますが、ボトムシートのような動きをします。

（Drawerってshadcn uiでいうsheetのイメージだったんですけど、ボトムシートもDrawerって言うんですかね？）

vaulのバグについて

iOSのPWAでスクロールした状態の時に、vaulのDrawerを開くとInput要素のタッチエリアがスクロール量に合わせて移動してしまうバグがあります

スクロール前	スクロール後

vaulのissueにも上がってるっぽい

repositionInputsをfalseにすることで、とりあえず思った通りの動作になった。

<Drawer repositionInputs={false} open={open} onOpenChange={onOpenChange}>
  {children}
</Drawer>