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