# Why is this .js SO-SLOW and Finicky ? **URL:** \ **Category:** programming\ **Created:** [January 18, 2023, 11:07pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390 "2023-01-18T23:07:41Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)\ **Post date:** [January 18, 2023, 11:07pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390/1 "2023-01-18T23:07:41Z")
Hello Why is this .js SO-SLOW and Finicky (keeps loosing connection to cursor) : [https://vmars.us/Guitar/Drag-Drop-Clone-Working-Multiple-Elements-SO-SLOW.html](https://vmars.us/Guitar/Drag-Drop-Clone-Working-Multiple-Elements-SO-SLOW.html) and this SO FAST : [https://www.kirupa.com/html5/examples/drag\_multiple.htm](https://www.kirupa.com/html5/examples/drag_multiple.htm) And how can I make SO-Slow Slow Fast See Codes below : SO-SLOW: ```auto https://vmars.us/Guitar/Drag-Drop-Clone-Working-Multiple-Elements-SO-SLOW.html

https://vmars.us/Guitar/Drag-Drop-Clone-Working-Multiple-Elements-SO-SLOW.html

``` SO FAST : ```auto Drag Multiple Elements

Drag Multiple Elements


Check out the tutorial or the discussion around this effect.

``` ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [January 19, 2023, 1:38am UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390/2 "2023-01-19T01:38:41Z")
When I drag the elements in your example, it seems fast to me. Is what I see in my video not what you are seeing? ![vmars_slow](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/9/7/97b7a78563fdc9e156c10b8b6f9daf91e5001da7.gif) ---
**Author:** ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)\ **Post date:** [January 19, 2023, 4:16pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390/3 "2023-01-19T16:16:33Z")
Thanks for your reply: I have modified your code to add 10 circles: [https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES.html](https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES.html) But I haven’t yet figured out why all the Circles have changed to rectangles . Next step is to ADD Cloning . Here is the modified code: ```auto file:///C:/2023-Drag-Drop-AnyWhere/TRY-THIS/CLONE-KIRUPA-CIRCLES.html

Drag Multiple Elements

file:///C:/2023-Drag-Drop-AnyWhere/TRY-THIS/CLONE-KIRUPA-CIRCLES.html
https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES.html


1
2
3
4
5
6
7
♭
♯
♮

Check out the tutorial or the discussion around this effect.

``` ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [January 19, 2023, 5:19pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390/4 "2023-01-19T17:19:23Z")
Look at the end of your `#containerK` style rule. You have an extra **}** bracket. I saw that once or twice in other sections as well. Once you remove that, you’ll see the `.itemK` style rule getting applied 🙂 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/f/6fa7d89e0e6ce6b50bca64a91c1e61b3e8e34d5d.png) ---
**Author:** ![PAEz](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/paez/32/19607_2.png) [@PAEz](https://forum.kirupa.com/u/PAEz)\ **Post date:** [January 20, 2023, 1:17pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390/5 "2023-01-20T13:17:50Z")
To add to what Kirupa said… What editor are you using? When ever I put your code in VS Code it highlights a bunch of errors in your css. Also, always load up your stuff and look in the developer console of your browser, the css section will often point out errors and sometimes even tell you what it is. ---
**Author:** ![vmars316](https://avatars.discourse-cdn.com/v4/letter/v/bcef8e/32.png) [@vmars316](https://forum.kirupa.com/u/vmars316)\ **Post date:** [January 20, 2023, 8:36pm UTC](https://forum.kirupa.com/t/why-is-this-js-so-slow-and-finicky/656390/6 "2023-01-20T20:36:00Z")
Thanks so much for your Help… I am having 1 more problem here , [https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES-HOLD-ID.html](https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES-HOLD-ID.html) and code below: On Kirupa’s code when I drag an item , it takes a **mouseup and 1 left click** to Drop an item . **Non Clones** work same as yours . On my code **“for Clones”** it takes **a mouseup and 2 left clicks** to drop an item . How can I fix that ? Thanks again… ```auto file:///C:/2023-Drag-Drop-AnyWhere/TRY-THIS/CLONE-KIRUPA-CIRCLES-HOLD-ID.html <br> https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES-HOLD-ID.html

Drag Multiple Elements

file:///C:/2023-Drag-Drop-AnyWhere/TRY-THIS/CLONE-KIRUPA-CIRCLES-HOLD-ID.html
https://vmars.us/Guitar/CLONE-KIRUPA-CIRCLES-HOLD-ID.html


       
 1
 2
 3
 4
 5
 6
 7
 ♭
 ♮
 ♯


 
```