Postlagerkarte/blazor-dragdrop

How to make images draggable

rleath82 opened this issue · 1 comments

I'm trying to use this with images that are loaded from an external blob storage, but it won't let me drag them. If I make the "flex-item" width/height larger, it will let me drag them by clicking outside of the image, but not clicking the image itself.

This is what I'm doing:

<div class="plk-flex"> <Dropzone Class="flex-container" Items="userBlobThumbs" ItemWrapperClass="@(item => "flex-item")"> <img src="@context.BlobThumbUrl" alt="@context.BlobThumbName"/> </Dropzone> </div>

@rleath82 Your img needs to set pointer-events: none; to get it work with an image inside.