Not possible to swipe/drag Sheet component with mouse cursor

Aperta
  • Qualcosa non va?
#10,749 8 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Start by reproducing the bug on the Sheet snap-points example linked in the report, then find where the Sheet's drag gesture is handled and check whether it responds to touch input only and not to mouse pointer drags. Read the six-comment thread first, since the expected visual handle hover and dismiss threshold may already have been discussed. Done means mouse-dragging the handle expands or shrinks the sheet and dismisses it past the threshold, and the existing Sheet tests still pass.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Provide a general summary of the issue here

Great work on the new Sheet component (blog post)!

I wanted to try it out immediately on my laptop, and discovered that I wasn't able to drag/swipe the Sheet with my mouse cursor. Pressing down on the left mouse button and dragging didn't seem to do anything, no matter where the drag started. This felt very unexpected, especially as many of the examples included a drag handle.

🤔 Expected Behavior?

I expect mouse down + dragging the sheet handle (when rendered) to expand/shrink the sheet, and close/dismiss it when shrunk to a certain threshold. The drag handle could probably also use some kind of visual indicator on hover to indicate that it is in fact interactive.

😯 Current Behavior

Mouse initiated dragging doesn't appear to be supported at all.

💁 Possible Solution

No response

🔦 Context

Trying to ensure that mouse users get the UX that is commonly associated with a Sheet component.

🖥️ Steps to Reproduce
  1. Visit https://react-aria.adobe.com/Sheet#snap-points on a computer with mouse connected
  2. Press "Show place"
  3. Wait for Sheet to open
  4. Mouse down on the sheet handle at the top of the sheet
  5. Drag mouse up/down
  6. Nothing happens
Version

v1.22.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac OS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Lingua principale
TypeScript
Stelle
16k
Fork
1.6k
Merge medio
2g 17h
PR unite (30g)
41

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di adobe/react-spectrum

Tutte le issue di adobe/react-spectrum

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.