bytechefhq/bytechef

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

Open

#3,208 opened on Oct 3, 2025

View on GitHubContributor guide
 (8 comments) (0 reactions) (1 assignee)Java (156 forks)auto 404
frontendgood first issuehacktoberfesthacktoberfest2025

Repository metrics

Stars
 (907 stars)
PR merge metrics
 (PR metrics pending)

Description

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

Contributor guide

Research direction
Examine the existing drag implementation in WorkflowNodesTabsItem.tsx and modify the drag overlay to display only the icon instead of the entire card.
Tech stack
typescriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Reactdrag and drop concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70