node-red/node-red-dashboard

Unable to drag/reposition nodes in Brave (Chromium)

Open

#827 aperta il 12 gen 2024

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)HTML (435 fork)batch import
help wantedlong list

Metriche repository

Star
 (1232 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Indaga sull'implementazione del drag and drop nella dashboard. Esamina la gestione degli eventi JavaScript per gli eventi del mouse/puntatore, poiché Chromium potrebbe gestirli in modo diverso. Controlla eventuali CSS che potrebbero interferire con gli eventi del puntatore (ad es., user select, touch action). Testa con gli scudi di Brave disattivati e in modalità di navigazione in incognito. Considera l'uso dell'API Pointer Events invece degli Mouse Events. Esamina file come ui.js o drag.js nel repository.
Tech stack
javascripthtmlcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
Basic HTML/CSS/JSUnderstanding of drag events
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60