fix(tabs): prevent vertical scrolling in overflow tabs

adobe · Dec 5, 2023 · eb0592f · eb0592f
1 parent 4aba1c6
commit eb0592f
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/tabs/src/tabs.css b/packages/tabs/src/tabs.css
@@ -40,6 +40,10 @@ governing permissions and limitations under the License.
     justify-content: var(--swc-tabs-list-justify-content);
 }
 
+:host([disabled]) #list {
+    pointer-events: none;
+}
+
 :host([disabled]) #list #selection-indicator {
     background-color: var(
         --mod-tabs-color-disabled,
@@ -51,10 +55,6 @@ governing permissions and limitations under the License.
     color: var(--mod-tabs-color-disabled, var(--spectrum-tabs-color-disabled));
 }
 
-:host([disabled]) #list {
-    pointer-events: none;
-}
-
 /*
  * TODO remove after next tabs release
  * While https://github.com/adobe/spectrum-css/issues/641 goes unaddressed,
@@ -70,8 +70,9 @@ governing permissions and limitations under the License.
 }
 
 :host([dir][direction='horizontal']) #list.scroll {
-    overflow-x: auto;
     scrollbar-width: none;
+    overflow-x: auto;
+    overflow-y: hidden;
 }
 
 :host([dir][direction='horizontal']) #list.scroll::-webkit-scrollbar {