fix(Tabs): scroll position when using nav-bottom slot (#11115)

youzan · Oct 6, 2022 · 8f12b6c · 8f12b6c
1 parent 46c1ce3
commit 8f12b6c
Show file tree

Hide file tree

Showing 3 changed files with 216 additions and 204 deletions.
diff --git a/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
@@ -4,58 +4,60 @@ exports[`should render demo and match snapshot 1`] = `
 <div class="van-tabs van-tabs--line">
   <div>
     <div class="van-sticky">
-      <div class="van-tabs__wrap">
-        <div role="tablist"
-             class="van-tabs__nav van-tabs__nav--line"
-             aria-orientation="horizontal"
-        >
-          <div id="van-tabs-0"
-               role="tab"
-               class="van-tab van-tab--line van-tab--active"
-               tabindex="0"
-               aria-selected="true"
-               aria-controls="van-tab"
-          >
-            <span class="van-tab__text van-tab__text--ellipsis">
-              Demo
-            </span>
-          </div>
-          <div id="van-tabs-1"
-               role="tab"
-               class="van-tab van-tab--line"
-               tabindex="-1"
-               aria-selected="false"
-               aria-controls="van-tab"
-          >
-            <span class="van-tab__text van-tab__text--ellipsis">
-              Basic
-            </span>
-          </div>
-          <div id="van-tabs-2"
-               role="tab"
-               class="van-tab van-tab--line"
-               tabindex="-1"
-               aria-selected="false"
-               aria-controls="van-tab"
-          >
-            <span class="van-tab__text van-tab__text--ellipsis">
-              Outline
-            </span>
-          </div>
-          <div id="van-tabs-3"
-               role="tab"
-               class="van-tab van-tab--line"
-               tabindex="-1"
-               aria-selected="false"
-               aria-controls="van-tab"
-          >
-            <span class="van-tab__text van-tab__text--ellipsis">
-              Filled
-            </span>
-          </div>
-          <div class="van-tabs__line"
-               style="transform: translateX(50px) translateX(-50%);"
+      <div>
+        <div class="van-tabs__wrap">
+          <div role="tablist"
+               class="van-tabs__nav van-tabs__nav--line"
+               aria-orientation="horizontal"
           >
+            <div id="van-tabs-0"
+                 role="tab"
+                 class="van-tab van-tab--line van-tab--active"
+                 tabindex="0"
+                 aria-selected="true"
+                 aria-controls="van-tab"
+            >
+              <span class="van-tab__text van-tab__text--ellipsis">
+                Demo
+              </span>
+            </div>
+            <div id="van-tabs-1"
+                 role="tab"
+                 class="van-tab van-tab--line"
+                 tabindex="-1"
+                 aria-selected="false"
+                 aria-controls="van-tab"
+            >
+              <span class="van-tab__text van-tab__text--ellipsis">
+                Basic
+              </span>
+            </div>
+            <div id="van-tabs-2"
+                 role="tab"
+                 class="van-tab van-tab--line"
+                 tabindex="-1"
+                 aria-selected="false"
+                 aria-controls="van-tab"
+            >
+              <span class="van-tab__text van-tab__text--ellipsis">
+                Outline
+              </span>
+            </div>
+            <div id="van-tabs-3"
+                 role="tab"
+                 class="van-tab van-tab--line"
+                 tabindex="-1"
+                 aria-selected="false"
+                 aria-controls="van-tab"
+            >
+              <span class="van-tab__text van-tab__text--ellipsis">
+                Filled
+              </span>
+            </div>
+            <div class="van-tabs__line"
+                 style="transform: translateX(50px) translateX(-50%);"
+            >
+            </div>
           </div>
         </div>
       </div>