Skip to content

fixed: prevent drag listeners from blocking delete button and link cl…#5

Open
kiranchikkala-dev wants to merge 1 commit intovydyas:mainfrom
kiranchikkala-dev:feature/jobcard-delete-issue
Open

fixed: prevent drag listeners from blocking delete button and link cl…#5
kiranchikkala-dev wants to merge 1 commit intovydyas:mainfrom
kiranchikkala-dev:feature/jobcard-delete-issue

Conversation

@kiranchikkala-dev
Copy link

Screenshot 2025-11-28 at 1 30 20 PM ### Problem The delete button and "View Job" link were not clickable because the drag-and-drop listeners were applied to the entire card, capturing all pointer events and preventing clicks from reaching the interactive elements.

Solution

Restructured the drag listeners to only apply to the job content area (title, company, date), while keeping the delete button and link outside the draggable zone. This allows:

  • Dragging the card by clicking/holding on the job information
  • Clicking the delete button to remove jobs
  • Clicking the link to open job postings in a new tab

Changes

  • Moved {...attributes} and {...listeners} from the root card element to a wrapper around only the job content
  • Positioned delete button alongside the content in a flex container
  • Kept the "View Job" link outside the draggable area
  • Fixed layout spacing and alignment issues

Testing

  • ✅ Card can be dragged by clicking on job title/company/date
  • ✅ Delete button opens confirmation dialog
  • ✅ "View Job" link opens in new tab
  • ✅ Visual layout remains consistent

@vercel
Copy link

vercel bot commented Nov 28, 2025

@kiranchikkala-dev is attempting to deploy a commit to the vydyas' projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant