Disable item for draggable
See original GitHub issueHi,
i have found 2 methods in order to choose items who can be draggable: :options=“{draggable : ‘.item’}” OR draggable=“.item”
But the both don’t work.
My draggable elements are into a component (into the draggable componant):
<draggable :list="stepList" group="stepList" @change="change" :options="{draggable : '.item'}"> <step-bloc v-for="(item, index) in stepList" :key="item.step.id" :step="item" :firstItem="index === 0" :positionInDay="index+1" :currentDate="currentDay.date" /> </draggable>
like this : <mdb-card class="m-3 item">
But now no one elements is draggable…
Issue Analytics
- State:
- Created 4 years ago
- Comments:9 (3 by maintainers)
Top Results From Across the Web
How to disable dragging on specific element using Vue ...
Here the elements with class "item" are only draggable , that can specified like this draggable=".item" usign the draggable option inside ...
Read more >How to disable a jQuery-ui draggable of widget - GeeksforGeeks
In this article, we will see how to disable draggable widget using jQuery-ui. The jQuery UI consists of GUI widgets, visual effects, and...
Read more >DxCombobox - How to disable dragging items of a combobox ...
If I drag an item of DxTabPage or DxCombobox then drop it to a textbox, the value of textbox will be "javascript:;".
Read more >Enable and Disable Dragging at Runtime - Kendo UI for jQuery
Initialize the Drag and Drop feature on the parent container. · Use a filter to specify which items will be draggable. · Change...
Read more >Hiding disable items while using drag and drop - Axure RP 8
Hi guys. I have a question about the drag and drop. Here is what i'm trying to do. I already completed the functionality...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
The draggable attribut don’t work with multi leveling of div. But it’s work if i reserve the logic and use
filter=".ignore"So i have add ignore class on all the other element (modal etc) into my componant
Really confused about your scenario. Vue,draggable is designed to make direct shildren of the component draggable. Any other scenario will not be supported or present bugs. Inside this scenario, you can use draggable props to make some element none-draggable.