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

Abierto
#871 3 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@DannyBongos ya está trabajando en esto.

Desde el 16/10/2026.

  • #984 de @DannyBongos — abierto

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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.

Lenguaje dominante
TypeScript
Estrellas
3
Forks
112
Merge medio
1 d 9 h
PR fusionados (30 d)
36

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de SO4-Markets/interface

Todos los issues de SO4-Markets/interface

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.