From eb0592f87c1f52fe34745af030331060b3641a59 Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Mon, 4 Dec 2023 09:47:25 -0500 Subject: [PATCH] fix(tabs): prevent vertical scrolling in overflow tabs --- packages/tabs/src/tabs.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/packages/tabs/src/tabs.css b/packages/tabs/src/tabs.css index 5363c7365b..699464226c 100644 --- 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 {