# \[Uppy Vue\] Cannot Drag and drop when using plugins status bar

**URL:** <https://community.transloadit.com/t/uppy-vue-cannot-drag-and-drop-when-using-plugins-status-bar/15701>\
**Category:** Uppy\
**Created:** [April 27, 2021, 3:58am UTC](https://community.transloadit.com/t/uppy-vue-cannot-drag-and-drop-when-using-plugins-status-bar/15701 "2021-04-27T03:58:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![fitraelbi](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/fitraelbi/32/405_2.png) [@fitraelbi](https://community.transloadit.com/u/fitraelbi)\
**Post date:** [April 27, 2021, 3:58am UTC](https://community.transloadit.com/t/uppy-vue-cannot-drag-and-drop-when-using-plugins-status-bar/15701/1 "2021-04-27T03:58:37Z")

</div>

I’m using uppy-vue with plugins drag drop and status bar. i used status bar to action in doneButtonHandler.

`< div class=" card-add-image"> < dashboard :uppy="uppy" :plugins="['StatusBar', 'DragDrop']"/> </ div> `

```
uppy: function(){
            let upp = new Uppy({
                restrictions: {
                maxNumberOfFiles: 10,
                },
                meta: {
                    sequence: this.$store.getters.getid_project
                },
             
            
            })
            upp.use(DragDrop, {
            
            })
             .use(StatusBar, {
               
                hideAfterFinish: false,
                showProgressDetails: false,
                hideUploadButton: false,
                hideRetryButton: false,
                hidePauseResumeButton: false,
                hideCancelButton: false,
                doneButtonHandler: async ()=> {
                    const url = process.env.VUE_APP_URL
                    await axios.get(url)
                    .then((response => {   
                         this.data = response.data.results
                         upp.reset()
                         this.isImageModalActive= false
                    }))       
                },
               
            })
           
        
            return upp.use( XHRload, {
                endpoint: process.env.VUE_APP_BACKEND,
                fieldName: 'eqimage',
                timeout: 0                
            })
        },

```

when i’m using this code i can’t drag drop in dashboard, but when i remove status i could using drag drop. What’s the problem with my code?