WordPress/gutenberg

NumberControl: Disable dragging on touch devices

Open

#38.865 aberto em 16 de fev. de 2022

Ver no GitHub
 (2 comments) (3 reactions) (0 assignees)JavaScript (3.893 forks)batch import
Good First Issue[Package] Components[Status] In Progress[Type] Bug

Métricas do repositório

Stars
 (9.607 stars)
Métricas de merge de PR
 (Mesclagem média 12d 18h) (509 fundiu PRs em 30d)

Description

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)

Guia do colaborador

Direção de pesquisa
Analise o componente NumberControl no repositório do Gutenberg, provavelmente em packages/components/src/number control/. O problema sugere adicionar `touch action: none` para desativar a rolagem do navegador durante o arrasto e, potencialmente, desativar condicionalmente o gesto de arrasto em dispositivos touch. Verifique os manipuladores de eventos e o CSS existentes para o componente. O problema menciona o uso da biblioteca `use gesture`, portanto, examine como o evento de arrasto está configurado. Um mantenedor pode ter informações adicionais nos comentários.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75