haltu / muuri

Infinite responsive, sortable, filterable and draggable layouts
https://muuri.dev
MIT License
10.77k stars 643 forks source link

Guidance with styling the "drop zone" – e.g. where the item will end up #530

Closed hemaldev closed 1 year ago

hemaldev commented 1 year ago

Hi! Firstly, huge thanks for this incredible library! We are using it for some internal apps in a non-profit and not being a great front-end developer this has added super-powers to our app! So many thanks 🙏

muuri-example-drop-zone-styling

I have one question – how can the "drop-zone" styling you have in the above from your homepage be implemented, where the blue dotted border appears (and also shows the content of the item)?

I can't see any examples of this implemented in any of your amazing CodePens. If I had to guess I'd say it was tied to a grid event, maybe dragScroll.

Any pointers or examples on how to implement this would be greatly appreciated! Thanks again! 🙇

niklasramo commented 1 year ago

Check out documentation for dragPlaceholder option ;)

hemaldev commented 1 year ago

Check out documentation for dragPlaceholder option ;)

Superb, many thanks :pray: