node-red/node-red-dashboard

Unable to drag/reposition nodes in Brave (Chromium)

Open

#827 aberto em 12 de jan. de 2024

Ver no GitHub
 (6 comments) (0 reactions) (0 assignees)HTML (435 forks)batch import
help wantedlong list

Métricas do repositório

Stars
 (1.232 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Current Behavior

In Node-RED v3.1.3 using node-red-dashboard 3.6.2, it’s apparently not possible to drag/reposition nodes around using the latest Brave Browser (on Mac; v1.61.114 Chromium: 210.0.6099.199). Brave's "shields" are down. I tried clearing cache. No interesting errors in console when trying to select/drag.

Doing the same thing from the same server using Safari works as expected.

https://github.com/node-red/node-red/assets/3298248/fe19d20f-0ace-44ec-a636-4882e89046b7

https://github.com/node-red/node-red/assets/3298248/acb07491-9387-4a50-94c3-9e1ad7ff5e06

Expected Behavior

Dragging nodes should work as seen in the Safari video

Steps To Reproduce

No response

Example flow

no minimal example available right now

Environment

  • Node-RED version: v3.3.1
  • Node.js version: v18.19.0
  • npm version: 10.2.3
  • Platform/OS: Browsers running on Mac; Node-RED running on Raspberry
  • Browser: Brave and Safari

Guia do colaborador

Direção de pesquisa
Investigue a implementação de arrastar e soltar no painel. Examine o tratamento de eventos JavaScript para eventos de mouse/ponteiro, pois o Chromium pode lidar com eles de forma diferente. Verifique se há algum CSS que possa interferir nos eventos de ponteiro (por exemplo, user select, touch action). Teste com os escudos do Brave desativados e no modo de navegação anônima. Considere usar a API Pointer Events em vez de Mouse Events. Examine arquivos como ui.js ou drag.js no repositório.
Pilha de tecnologia
javascripthtmlcss
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.
3
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.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
Basic HTML/CSS/JSUnderstanding of drag events
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60