Merge pull request #3652 from SergioCrisostomo/tabs-keyboard

Use visibility instead of display

Merge pull request #3652 from SergioCrisostomo/tabs-keyboard
Use visibility instead of display
Aresn · GitHub
2 parents 82278172 e906d570
Showing 1 changed file with 5 additions and 9 deletions Show diff stats
src/components/tabs/tabs.vue
@@ -146,10 +146,10 @@
             },
             barStyle () {
                 let style = {
-                    display: 'none',
+                    visibility: 'hidden',
                     width: `${this.barWidth}px`
                 };
-                if (this.type === 'line') style.display = 'block';
+                if (this.type === 'line') style.visibility = 'visible';
                 if (this.animated) {
                     style.transform = `translate3d(${this.barOffset}px, 0px, 0px)`;
                 } else {
@@ -388,14 +388,10 @@
                 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);
+                        [...el.children].forEach(child => child.style.visibility = 'visible');
+                        setTimeout(() => focusFirst(el, el), transitionTime);
                     } else {
-                        setTimeout(() => {
-                            [...el.children].forEach(child => child.style.display = 'none');
-                        }, transitionTime);
+                        [...el.children].forEach(child => child.style.visibility = 'hidden');
                     }
                 });
             }