Skip to content

Commit d44e7e3

Browse files
authored
Merge pull request jbaysolutions#85 from Tinoooo/vue1
added dragIgnoreFrom and resizeIgnoreFrom options to GridItem.vue
2 parents dc14d9b + f41a1f0 commit d44e7e3

File tree

6 files changed

+69
-23
lines changed

6 files changed

+69
-23
lines changed

dist/vue-grid-layout.js

Lines changed: 46 additions & 15 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-grid-layout.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/vue-grid-layout.min.js

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "vue-grid-layout",
3-
"version": "1.0.2",
3+
"version": "1.1.1",
44
"description": "A draggable and resizable grid layout, as a Vue component.",
55
"keywords": [
66
"grid",

src/GridItem.vue

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,16 @@
146146
i: {
147147
required: true
148148
},
149+
dragIgnoreFrom: {
150+
type: String,
151+
required: false,
152+
default: 'a, button'
153+
},
154+
resizeIgnoreFrom: {
155+
type: String,
156+
required: false,
157+
default: 'a, button'
158+
}
149159
},
150160
data: function() {
151161
return {
@@ -182,7 +192,7 @@
182192
var self = this;
183193
if (this.isDraggable) {
184194
if (this.interactObj == null) {
185-
this.interactObj = interact(this.$els.item);
195+
this.interactObj = interact(this.$els.item, {ignoreFrom: this.dragIgnoreFrom});
186196
}
187197
this.interactObj
188198
.draggable({
@@ -193,7 +203,7 @@
193203
}
194204
if (this.isResizable) {
195205
if (this.interactObj == null) {
196-
this.interactObj = interact(this.$els.item);
206+
this.interactObj = interact(this.$els.item, {ignoreFrom: this.resizeIgnoreFrom});
197207
}
198208
this.interactObj
199209
.resizable({

src/GridLayout.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,9 @@
101101
102102
self.updateHeight();
103103
self.$nextTick(function () {
104+
if(!self.$els.item)
105+
return;
106+
104107
var erd = elementResizeDetectorMaker({
105108
strategy: "scroll" //<- For ultra performance.
106109
});
@@ -119,6 +122,8 @@
119122
120123
self.updateHeight();
121124
self.$nextTick(function () {
125+
if(!self.$els.item)
126+
return;
122127
var erd = elementResizeDetectorMaker({
123128
strategy: "scroll" //<- For ultra performance.
124129
});

0 commit comments

Comments
 (0)