mirrors/vue-select
2
0
Fork 0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00
Code Activity

working concept

Browse Source
This commit is contained in:
Jeff Sagal
2016-05-30 14:51:05 -07:00
parent 7ba45e9d10
commit eb003ef987
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Select.vue
+16 -14
View File
@@ -152,7 +152,7 @@
<i v-el:open-indicator role="presentation" class="open-indicator"></i> <i v-el:open-indicator role="presentation" class="open-indicator"></i>
</div> </div>
<div v-show="open" :transition="transition" class="dropdown-menu" :style="{ 'max-height': maxHeight }"> <div v-el:dropdown-wrapper v-show="open" :transition="transition" class="dropdown-menu" :style="{ 'max-height': maxHeight }">
<ul class="options" v-el:dropdown-menu> <ul class="options" v-el:dropdown-menu>
<li v-for="option in filteredOptions" track-by="$index" :class="{ active: isOptionSelected(option), highlight: $index === typeAheadPointer }" @mouseover="typeAheadPointer = $index"> <li v-for="option in filteredOptions" track-by="$index" :class="{ active: isOptionSelected(option), highlight: $index === typeAheadPointer }" @mouseover="typeAheadPointer = $index">
<a @mousedown.prevent="select(option)"> <a @mousedown.prevent="select(option)">
@@ -478,23 +478,25 @@
}, },
maybeAdjustScrollPosition() { maybeAdjustScrollPosition() {
let offset = this.$els.dropdownMenu.children[0].offsetHeight * ( this.typeAheadPointer + 1 ) let pointerHeight = this.$els.dropdownMenu.children[this.typeAheadPointer].offsetHeight
let bounds = this.$els.dropdownMenu.offsetHeight let pixelsToPointerTop = 0
for ( let i = 0; i < this.typeAheadPointer; i++ ) {
pixelsToPointerTop += this.$els.dropdownMenu.children[i].offsetHeight
}
let scrollTo = this.$els.dropdownMenu.children[this.typeAheadPointer] let pixelsToPointerBottom = pixelsToPointerTop + pointerHeight
console.dir(this.$els.dropdownMenu) let bounds = {
top: this.$els.dropdownWrapper.scrollTop,
bottom: this.$els.dropdownWrapper.offsetHeight + this.$els.dropdownWrapper.scrollTop
}
// if( offset > listHeight ) { if( pixelsToPointerTop <= bounds.top ) {
// console.log('scroll') this.$els.dropdownWrapper.scrollTop = pixelsToPointerTop
// } } else if ( pixelsToPointerBottom >= bounds.bottom) {
this.$els.dropdownWrapper.scrollTop = ( pixelsToPointerBottom - this.$els.dropdownWrapper.offsetHeight ) + pointerHeight
// console.log(offset, listHeight) }
},
test(e) {
console.dir(e)
}, },
/** /**