test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-03 12:48:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Select: fix dropdown scroll for multiple select

Browse Source
This commit is contained in:
wacky6.AriesMBP 2017-07-29 22:14:46 +10:00 committed by 杨奕
parent bd395fa139
commit 01f85b1831
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/select/src/select.vue
View File

@ -354,15 +354,17 @@
}
},
scrollToOption(className = 'selected') {
if (this.$refs.popper) {
scrollToOption(option) {
if (this.$refs.popper && option) {
const menu = this.$refs.popper.$el.querySelector('.el-select-dropdown__wrap');
scrollIntoView(menu, menu.getElementsByClassName(className)[0]);
scrollIntoView(menu, option.$el);
}
},
handleMenuEnter() {
this.$nextTick(() => this.scrollToOption());
if (!this.multiple) {
this.$nextTick(() => this.scrollToOption(this.selected));
}
},
getOption(value) {
@ -526,7 +528,7 @@
this.$emit('input', option.value);
this.visible = false;
}
this.$nextTick(() => this.scrollToOption());
this.$nextTick(() => this.scrollToOption(option));
},
getValueIndex(arr = [], value) {
@ -588,7 +590,7 @@
}
}
}
this.$nextTick(() => this.scrollToOption('hover'));
this.$nextTick(() => this.scrollToOption(this.options[this.hoverIndex]));
},
selectOption() {