WordPress/gutenberg

NumberControl: Disable dragging on touch devices

Open

#38.865 geöffnet am 16. Feb. 2022

Auf GitHub ansehen
 (2 Kommentare) (3 Reaktionen) (0 zugewiesene Personen)JavaScript (3.893 Forks)batch import
Good First Issue[Package] Components[Status] In Progress[Type] Bug

Repository-Metriken

Stars
 (9.607 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 18T 1h) (406 gemergte PRs in 30 T)

Beschreibung

The drag-to-change-value gesture will not work nicely on touch devices unless we disable browser scrolling with touch-action: none.

There is a separate question of whether we really want this dragging gesture on touch devices, because there is no cursor affordance like on desktop. It’s also pretty easy to accidentally flick and change the value, when you just want to tap/move the caret or something.

I’m inclined to disable the drag gesture on touch devices.

Tested on iPhone (Mobile mode in DevTools has different behavior)

Contributor Guide

Research-Richtung
Untersuche die NumberControl Komponente im Gutenberg Repository, wahrscheinlich in packages/components/src/number control/. Das Problem schlägt vor, `touch action: none` hinzuzufügen, um das Browser Scrolling während des Ziehens zu deaktivieren, und möglicherweise die Ziehgeste auf Touch Geräten bedingt zu deaktivieren. Überprüfe die vorhandenen Event Handler und das CSS für die Komponente. Das Problem erwähnt die Verwendung der `use gesture` Bibliothek, also untersuche, wie das Zieh Ereignis eingerichtet ist. Ein Maintainer könnte in den Kommentaren zusätzliche Hinweise gegeben haben.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
GitReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75