Scrolling is All You Need: Building a Swipeable Sheet | React Aria

React Ariaのスワイプ操作で閉じられるSheetコンポーネントの実装について。 CSS Scroll Snapとview-timelineを使い、JavaScriptでタッチイベントを処理せずにスワイプ操作と連動したアニメーションを実現する。 途中の位置で停止するスナップポイント、シートの重ね合わせ、ソフトウェアキーボードへの対応についても解説している。