diff --git a/packages/scrollbar/src/main.js b/packages/scrollbar/src/main.js index 064f51ea7..c5aab5fe2 100644 --- a/packages/scrollbar/src/main.js +++ b/packages/scrollbar/src/main.js @@ -104,6 +104,7 @@ export default { update() { let heightPercentage, widthPercentage; const wrap = this.wrap; + if (!wrap) return; heightPercentage = (wrap.clientHeight * 100 / wrap.scrollHeight); widthPercentage = (wrap.clientWidth * 100 / wrap.scrollWidth); diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue index a53e7a8db..7470e807d 100644 --- a/packages/select/src/select.vue +++ b/packages/select/src/select.vue @@ -59,6 +59,7 @@ @keydown.native.enter.prevent="selectOption" @keydown.native.esc.prevent="visible = false" @keydown.native.tab="visible = false" + @paste.native="debouncedOnInputChange" @mouseenter.native="inputHovering = true" @mouseleave.native="inputHovering = false" :icon="iconClass"> @@ -243,6 +244,8 @@ }); this.hoverIndex = -1; if (this.multiple && this.filterable) { + this.inputLength = this.$refs.input.value.length * 15 + 20; + this.managePlaceholder(); this.resetInputHeight(); } if (this.remote && typeof this.remoteMethod === 'function') { @@ -651,7 +654,7 @@ this.resetInputHeight(); } this.$nextTick(() => { - if (this.$refs.reference.$el) { + if (this.$refs.reference && this.$refs.reference.$el) { this.inputWidth = this.$refs.reference.$el.getBoundingClientRect().width; } });