From d48f5ba0d66e3bb562f94cf86eab802abf6db726 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Sat, 11 May 2019 12:05:32 +0800
Subject: [PATCH] [bugfix] Tab: animated overflow

---
 packages/tab/test/__snapshots__/demo.spec.js.snap | 2 +-
 packages/tabs/index.js                            | 2 +-
 packages/tabs/index.less                          | 6 ++++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/tab/test/__snapshots__/demo.spec.js.snap b/packages/tab/test/__snapshots__/demo.spec.js.snap
index 4de539d1e..2ad45767e 100644
--- a/packages/tab/test/__snapshots__/demo.spec.js.snap
+++ b/packages/tab/test/__snapshots__/demo.spec.js.snap
@@ -205,7 +205,7 @@ exports[`renders demo correctly 1`] = `
           <div class="van-tab"><span class="van-ellipsis">标签 4</span></div>
         </div>
       </div>
-      <div class="van-tabs__content">
+      <div class="van-tabs__content van-tabs__content--animated">
         <div class="van-tabs__track" style="transform: translate3d(0%, 0, 0); transition-duration: 0.3s;">
           <div class="van-tab__pane-wrapper">
             <div class="van-tab__pane">
diff --git a/packages/tabs/index.js b/packages/tabs/index.js
index 79254b03a..7ed782590 100644
--- a/packages/tabs/index.js
+++ b/packages/tabs/index.js
@@ -442,7 +442,7 @@ export default sfc({
             {this.slots('nav-right')}
           </div>
         </div>
-        <div ref="content" class={bem('content')}>
+        <div ref="content" class={bem('content', { animated })}>
           {animated ? (
             <div class={bem('track')} style={this.trackStyle}>
               {this.slots()}
diff --git a/packages/tabs/index.less b/packages/tabs/index.less
index eb43a05ca..75de46cad 100644
--- a/packages/tabs/index.less
+++ b/packages/tabs/index.less
@@ -125,6 +125,12 @@
     will-change: left;
   }
 
+  &__content {
+    &--animated {
+      overflow: hidden;
+    }
+  }
+
   &--line {
     padding-top: @tabs-line-height;