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:
164
164
- ` oldIndex` : the old index of the moved element
165
165
- ` element` : the moved element
166
166
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
+
167
172
### Fiddle
168
- Simple:
173
+
174
+ - Simple:
169
175
https://jsfiddle.net/dede89/sqssmhtz/
170
176
171
- Two Lists:
177
+ - Two Lists:
172
178
https://jsfiddle.net/dede89/32ao2rpm/
173
179
174
- Example with list clone:
180
+ - Example with list clone:
175
181
https://jsfiddle.net/dede89/t3m5krea/
176
182
177
- Example with transition-group:
183
+ - Example with transition-group:
178
184
https://jsfiddle.net/dede89/m2v0orcn/
179
185
180
186
## For Vue.js 1.0
Original file line number Diff line number Diff line change @@ -28,7 +28,6 @@ <h1>Cancel Example</h1>
28
28
< h2 > List 1 draggable</ h2 >
29
29
< draggable element ="ul " class ="dragArea " :list ="list " :options ="{group:'people'} " :move ="checkMove " @end ="endDrag ">
30
30
< li v-for ="(element, index) in list " :class ="{'target': element===targetElement} ">
31
- <!-- > -->
32
31
{{element.name}}
33
32
</ li >
34
33
</ draggable >
You can’t perform that action at this time.
0 commit comments