# Drag issue with glb model

**URL:** <https://discourse.threejs.org/t/drag-issue-with-glb-model/29145>\
**Category:** Questions\
**Tags:** drag-controls\
**Created:** [August 22, 2021, 8:05am UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145 "2021-08-22T08:05:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mayyar](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@mayyar](https://discourse.threejs.org/u/mayyar)\
**Post date:** [August 22, 2021, 8:05am UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/1 "2021-08-22T08:05:38Z")

</div>

Hello , i was work in drag with animation and drop in specific place , but when i apply drag control on glb model it drag every single mesh alone and never drop it , any help plz?  
pre issue:[Drag and drop only on specific place - #2 by Mugen87](https://discourse.threejs.org/t/drag-and-drop-only-on-specific-place/27888/2)  
🙂

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [August 22, 2021, 9:00am UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/2 "2021-08-22T09:00:03Z")

</div>

Maybe you need to create invisible box. add to him model. And check intersection with him and move him .

---

<div class="post-metadata">

**Author:** ![mayyar](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@mayyar](https://discourse.threejs.org/u/mayyar)\
**Post date:** [August 24, 2021, 11:40am UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/3 "2021-08-24T11:40:58Z")

</div>

thank you for replay but hoe i can make it while drag the ferst box , second box is dragged too  
[https://jsfiddle.net/mec8gu17/](https://jsfiddle.net/mec8gu17/)

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [August 24, 2021, 12:05pm UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/4 "2021-08-24T12:05:03Z")

</div>

After this: aabb.copy(mesh1.geometry.boundingBox).applyMatrix4(mesh.matrixWorld);  
Add this: mesh1.position.copy(mesh);

---

<div class="post-metadata">

**Author:** ![mayyar](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@mayyar](https://discourse.threejs.org/u/mayyar)\
**Post date:** [August 24, 2021, 12:12pm UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/5 "2021-08-24T12:12:14Z")

</div>

> [@Chaser\_Code](#):
>
> Add this: mesh1.position.copy(mesh);

Thank’s it’s working but there is last problem like [Edit fiddle - JSFiddle - Code Playground](https://jsfiddle.net/mec8gu17/3/) when i make another box transparent

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [August 24, 2021, 12:29pm UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/6 "2021-08-24T12:29:52Z")

</div>

I don’t know. May be to comment this:  
// transparent: true,  
// opacity: 0, color: 0x0000ff

---

<div class="post-metadata">

**Author:** ![mayyar](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@mayyar](https://discourse.threejs.org/u/mayyar)\
**Post date:** [August 24, 2021, 12:32pm UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/7 "2021-08-24T12:32:32Z")

</div>

> [@mayyar](#):
>
> > [@Chaser\_Code](#):
> >
> > Add this: mesh1.position.copy(mesh);

the proplem is : it should be

```javascript
mesh1.position.copy(mesh.position);

```

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [August 24, 2021, 1:16pm UTC](https://discourse.threejs.org/t/drag-issue-with-glb-model/29145/8 "2021-08-24T13:16:29Z")

</div>

Done: [index.html](https://discourse.threejs.org/uploads/short-url/iqBY6YiQ3W6eYjFXsuqeOANMtgK.html) (2.7 KB)