Open4

Next.js iOS対応メモ

KaibaKaiba

iPhone SEでtransitionが効かない

試したこと

  • will-change
  • transform: translateZ(0)
  • WebKitTransition
  • WebKitTransform: translateZ(0)
  • perspective

transitionの問題ではないかもしれない？？

KaibaKaiba

iPhone SEでrounded-lgが効かない

解決策
WebkitTransform: "translateZ(0)"

KaibaKaiba

iPhone SEでdrop-shadow-cardが効かない

試したこと

  • WebkitFilter: drop-shadow()
KaibaKaiba

iPhone/Androidでvaulのドロワー内部でスクロールできない

https://zenn.dev/dk_/articles/300fe4a047d18d　より以下のissueが参考になりそう？
https://github.com/shadcn-ui/ui/issues/2605

shadcn-uiのdrawerはvaulを使っているらしい。

dismissable={false} はスワイプでドロワーが閉じなくなったがスクロールはできない、
data-vaul-no-drag={true}
自分の場合は画面がぶっ壊れて真っ白になった。