[Motion] Mobile bottom sheets with drag-to-dismiss and snap points

オープン
#871 コメント 3 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@DannyBongos がすでに取り組んでいます。

2026年10月16日 から。

  • #984 @DannyBongos による — オープン

評価

この issue はまだ評価されていません。

説明

enhancement help wanted phase:9-ux priority:medium Stellar Wave
Summary

sheet.tsx has no gesture handling; trade/market sheets should follow the finger, rubber-band, and snap (iOS sheet feel).

Status: confirmed in the codebase.

Acceptance criteria
  • Uses the motion tokens in packages/ui/src/styles/globals.css (durations/easings/springs); no raw duration-*, ease-[…] or transition-all
  • Honours prefers-reduced-motion (and the in-app setting, once it exists): instant or opacity-only fallback
  • Animates transform/opacity only (or justifies otherwise); no layout shift; smooth at 60 fps on a mid-range phone (check with DevTools Performance + CPU 4× throttle)
  • Interruptible: reversing the interaction mid-animation continues from the current state, with no jump or replay
  • Keyboard and screen-reader behaviour unchanged or improved; focus never lost
  • PR includes a before/after screen recording (desktop and mobile)

Part of the 2026-10-15 UX/quality review of main @ 4c5cf1d. Contributors: read AGENTS.md and CONTRIBUTING.md. The full commit gate must pass, with no eslint-disable, .skip, or lowered thresholds. Comment here before starting so work isn't duplicated.

主要言語
TypeScript
スター
3
フォーク
112
平均マージ
1日 9時間
マージ済み PR(30日)
36

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

SO4-Markets/interface のほかの issue

SO4-Markets/interface の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。