Question 1

How do I style drag-and-drop elements in Blazor-DragDrop?

Accepted Answer

You need to add custom CSS since no styles are included after version 2.2. Copy the dragdrop.css from the demo or create your own, targeting classes like plk-dd-dragged-over for visual feedback during drag operations, and ensure to disable pointer events during drags as per the README.

Question 2

Does Blazor-DragDrop work on iPhones and Android devices?

Accepted Answer

Yes, but it requires adding a polyfill library like mobile-drag-drop via CDN or package, as most mobile browsers don't natively support the HTML5 drag-and-drop API used. This is clearly stated in the README's mobile devices section.

Question 3

What's the difference between Blazor-DragDrop and other Blazor drag-and-drop libraries?

Accepted Answer

Blazor-DragDrop uses a declarative, component-based approach integrated with Blazor, offering features like item limits and drop restrictions. Alternatives might focus on different APIs or provide built-in styles, so choose based on your need for customization versus out-of-the-box convenience.

Question 4

How can I copy items instead of moving them between dropzones?

Accepted Answer

Use the CopyItem attribute on the Dropzone component and provide a method that returns a new copy of the item. This allows items to be duplicated, useful for scenarios where the original should remain, as demonstrated in the README examples.

Question 5

Is Blazor-DragDrop good for handling large lists with drag-and-drop?

Accepted Answer

It can handle large lists, but features like Instant Replace are not recommended for them due to performance concerns. For optimal performance, stick to standard drop behavior and ensure efficient rendering in your Blazor components to avoid lag.

BlazorDragDrop

What is BlazorDragDrop?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions