File tree Expand file tree Collapse file tree 2 files changed +10
-5
lines changed
Expand file tree Collapse file tree 2 files changed +10
-5
lines changed Original file line number Diff line number Diff line change @@ -164,17 +164,23 @@ HTML:
164164 - ` oldIndex` : the old index of the moved element
165165 - ` element` : the moved element
166166
167+ ### Gotchas
168+ - Drag operation with empty list:
169+
170+ To be abble to drag items on an empty draggable component, set a min-height>0 on the ` draggable` component or the ` transition- group` if any.
171+
167172### Fiddle
168- Simple:
173+
174+ - Simple:
169175https://jsfiddle.net/dede89/sqssmhtz/
170176
171- Two Lists:
177+ - Two Lists:
172178https://jsfiddle.net/dede89/32ao2rpm/
173179
174- Example with list clone:
180+ - Example with list clone:
175181https://jsfiddle.net/dede89/t3m5krea/
176182
177- Example with transition-group:
183+ - Example with transition-group:
178184https://jsfiddle.net/dede89/m2v0orcn/
179185
180186## For Vue.js 1.0
Original file line number Diff line number Diff line change @@ -28,7 +28,6 @@ <h1>Cancel Example</h1>
2828 < h2 > List 1 draggable</ h2 >
2929 < draggable element ="ul " class ="dragArea " :list ="list " :options ="{group:'people'} " :move ="checkMove " @end ="endDrag ">
3030 < li v-for ="(element, index) in list " :class ="{'target': element===targetElement} ">
31- <!-- > -->
3231 {{element.name}}
3332 </ li >
3433 </ draggable >
You can’t perform that action at this time.
0 commit comments