Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-24 06:43:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

scroll selected option into view

Browse source
This commit is contained in:
Marcos Moura 2017-02-13 00:17:11 -02:00
parent 56aeaffd62
commit d1a98156a9
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/mdSelect/mdOption.vue
View file

@ -55,7 +55,7 @@
},
setParentOption() {
if (!this.isMultiple()) {
this.parentSelect.selectOption(this.value, this.$refs.item.textContent);
this.parentSelect.selectOption(this.value, this.$refs.item.textContent, this.$el);
} else {
this.check = !this.check;
}

13
src/components/mdSelect/mdSelect.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="md-select" :class="[themeClass, classes]">
<md-menu :md-close-on-select="!multiple" @opened="$emit('open')" @closed="$emit('close')">
<md-menu :md-close-on-select="!multiple" @open="onOpen" @close="$emit('closed')">
<span class="md-select-value" md-menu-trigger ref="value">{{ selectedText || placeholder }}</span>
<md-menu-content class="md-select-content" :class="[themeClass, contentClasses]">
@ -36,6 +36,7 @@
mixins: [theme],
data() {
return {
lastSelected: null,
selectedValue: null,
selectedText: null,
multipleOptions: {},
@ -72,6 +73,13 @@
}
},
methods: {
onOpen() {
if (this.lastSelected) {
this.lastSelected.scrollIntoViewIfNeeded(true);
}
this.$emit('opened');
},
setParentDisabled() {
this.parentContainer.isDisabled = this.disabled;
},
@ -154,7 +162,8 @@
this.changeValue(values);
},
selectOption(value, text) {
selectOption(value, text, el) {
this.lastSelected = el;
this.selectedText = text;
this.setTextAndValue(value);
this.changeValue(value);