drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Correct logic for selecting by keyboard

Browse source
This commit is contained in:
Sergio Crisostomo 2018-05-17 16:06:59 +02:00
parent 2bf3e04753
commit 38ab744203
2 changed files with 40 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/tabs/tabs.vue
View file

@ -237,21 +237,9 @@
this.focusedKey = nextTab.name;
},
handleTabKeyboardSelect(){
this.activeKey = this.focusedKey || 0;
const nextIndex = Math.max(this.navList.findIndex(tab => tab.name === this.focusedKey), 0);
[...this.$refs.panes.children].forEach((el, i) => {
if (nextIndex === i) {
[...el.children].forEach(child => child.style.display = 'block');
setTimeout(() => {
focusFirst(el, el);
}, transitionTime);
} else {
setTimeout(() => {
[...el.children].forEach(child => child.style.display = 'none');
}, transitionTime);
}
});
const focused = this.focusedKey || 0;
const index = this.navList.findIndex(({name}) => name === focused);
this.handleChange(index);
},
handleRemove (index) {
const tabs = this.getTabs();
@ -394,6 +382,21 @@
this.$nextTick(() => {
this.scrollToActiveTab();
});
// update visibility
const nextIndex = Math.max(this.navList.findIndex(tab => tab.name === this.focusedKey), 0);
[...this.$refs.panes.children].forEach((el, i) => {
if (nextIndex === i) {
[...el.children].forEach(child => child.style.display = 'block');
setTimeout(() => {
focusFirst(el, el);
}, transitionTime);
} else {
setTimeout(() => {
[...el.children].forEach(child => child.style.display = 'none');
}, transitionTime);
}
});
}
},
mounted () {