# Drag & Drop suggestion :)

**URL:** <https://talk.atomisystems.com/t/drag-drop-suggestion/6038>\
**Category:** Feature Requests\
**Created:** [February 6, 2022, 1:37am UTC](https://talk.atomisystems.com/t/drag-drop-suggestion/6038 "2022-02-06T01:37:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![charlieBlue](https://talk.atomisystems.com/user_avatar/talk.atomisystems.com/charlieblue/32/4526_2.png) [@charlieBlue](https://talk.atomisystems.com/u/charlieBlue)\
**Post date:** [February 6, 2022, 1:37am UTC](https://talk.atomisystems.com/t/drag-drop-suggestion/6038/1 "2022-02-06T01:37:02Z")

</div>

this is not a request is just a suggestion 🙂 it would be possible to integrate this script (opensource) drag and drop that has a lot of possibilities including working with SVG files

here is the link  
[PLAIN-DRAGABLE](https://anseki.github.io/plain-draggable/)

 ![ScreenShot_20220206092754](https://talk.atomisystems.com/uploads/default/original/2X/f/f97a3c22722b1bb9b33ebeb55fcd542f750d6ae6.png)

---

<div class="post-metadata">

**Author:** ![ToanLS](https://talk.atomisystems.com/letter_avatar_proxy/v4/letter/t/46a35a/32.png) [@ToanLS](https://talk.atomisystems.com/u/ToanLS)\
**Post date:** [February 7, 2022, 4:12am UTC](https://talk.atomisystems.com/t/drag-drop-suggestion/6038/2 "2022-02-07T04:12:40Z")

</div>

Hi,

Thank you for your suggestion.

Users can integrate PlainDraggable into their Saola Animate projects as guided in this tutorial:

> **[Use External JavaScript, CSS, and HTML in Saola Animate 3](https://atomisystems.com/html5-animation/saola-animate-3/use-external-javascript-css-and-html-in-saola-animate-3/)**
>
> In this tutorial, you will learn how to use external script resources in Saola Animate 3, namely JavaScript, CSS, and HTML files.

After that, they can [create event handler functions and call them in Saola Animate events](https://atomisystems.com/html5-animation/saola-animate-3/create-and-call-javascript-functions-in-saola-animate-3/) to use the integrated library.

I see that PlainDraggable has many features but it doesn’t work well with transformed elements, unfortunately. It’s a good drag & drop library if you don’t use it with transformed elements and don’t enable the document Auto Fit feature (which scales the entire document to fit the viewport).  
You can see the issue by dragging the transformed drag source 1 element in this sample:  
[PlainDraggable.saolapack](https://talk.atomisystems.com/uploads/short-url/kc4CxCdOtP0NGPPFYw9wYkB5akT.saolapack) (13.1 KB)

Regards

---

<div class="post-metadata">

**Author:** ![charlieBlue](https://talk.atomisystems.com/user_avatar/talk.atomisystems.com/charlieblue/32/4526_2.png) [@charlieBlue](https://talk.atomisystems.com/u/charlieBlue)\
**Post date:** [February 7, 2022, 6:45am UTC](https://talk.atomisystems.com/t/drag-drop-suggestion/6038/3 "2022-02-07T06:45:24Z")

</div>

Hi Toam Le

Thanks for the tips, yeah it doesn’t work well

regards Charlie