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

Merge pull request #3652 from SergioCrisostomo/tabs-keyboard

Browse source 
Use visibility instead of display
This commit is contained in:
Aresn 2018-05-21 11:11:16 +08:00 • committed by GitHub
commit f0514906db
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -146,10 +146,10 @@
}, },
barStyle () { barStyle () {
let style = { let style = {
display: 'none', visibility: 'hidden',
width: `${this.barWidth}px` width: `${this.barWidth}px`
}; };
if (this.type === 'line') style.display = 'block'; if (this.type === 'line') style.visibility = 'visible';
if (this.animated) { if (this.animated) {
style.transform = `translate3d(${this.barOffset}px, 0px, 0px)`; style.transform = `translate3d(${this.barOffset}px, 0px, 0px)`;
} else { } else {
@ -388,14 +388,10 @@
const nextIndex = Math.max(this.navList.findIndex(tab => tab.name === this.focusedKey), 0); const nextIndex = Math.max(this.navList.findIndex(tab => tab.name === this.focusedKey), 0);
[...this.$refs.panes.children].forEach((el, i) => { [...this.$refs.panes.children].forEach((el, i) => {
if (nextIndex === i) { if (nextIndex === i) {
[...el.children].forEach(child => child.style.display = 'block'); [...el.children].forEach(child => child.style.visibility = 'visible');
setTimeout(() => { setTimeout(() => focusFirst(el, el), transitionTime);
focusFirst(el, el);
}, transitionTime);
} else { } else {
setTimeout(() => { [...el.children].forEach(child => child.style.visibility = 'hidden');
[...el.children].forEach(child => child.style.display = 'none');
}, transitionTime);
} }
}); });
} }