bytechefhq/bytechef

When dragging a component from the right side panel, the dragged element should be just the icon

Aperta

#3208 aperta il 3 ott 2025

Vedi su GitHubGuida contributor
 (8 commenti) (0 reazioni) (1 assegnatario)Java (156 fork)auto 404
frontendgood first issuehacktoberfesthacktoberfest2025

Metriche repository

Star
 (907 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

In the video below we can see that the entire card (icon, title + description) is being dragged, but we only want to show the icon while the card is being dragged.

Important that the whole card should still be draggable, just the displayed element while dragging should be the icon of the component.

Here's the component that represents the individual card that has drag support - WorkflowNodesTabsItem

https://github.com/user-attachments/assets/d0271e1a-6275-46b1-9f0e-9fc3fdf2e43c

Guida contributor

Direzione di ricerca
Esamina l'implementazione del drag esistente in WorkflowNodesTabsItem.tsx e modifica l'overlay di trascinamento per mostrare solo l'icona anziché l'intera carta.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
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.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Reactdrag and drop concepts
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70