From 6d7af52c05bb85343664f454f3d922c0df45be70 Mon Sep 17 00:00:00 2001
From: Megan Thomas <methomas@adobe.com>
Date: Mon, 3 Feb 2025 02:35:15 -0800
Subject: [PATCH] MWPW-165428 Fix georouting tab scroll (#3572)

---
 libs/blocks/tabs/tabs.css | 5 +++++
 libs/blocks/tabs/tabs.js  | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/libs/blocks/tabs/tabs.css b/libs/blocks/tabs/tabs.css
index 0497dbd858..1755e23fa9 100644
--- a/libs/blocks/tabs/tabs.css
+++ b/libs/blocks/tabs/tabs.css
@@ -554,4 +554,9 @@
   .tabs.stacked-mobile.quiet div[role="tablist"] button {
     margin-inline-start: 0;
   }
+
+  .tabs[class*='stacked-mobile'] .paddle {
+    background: unset;
+    border: none;
+  }
 }
diff --git a/libs/blocks/tabs/tabs.js b/libs/blocks/tabs/tabs.js
index b614ac2dcc..d973d55379 100644
--- a/libs/blocks/tabs/tabs.js
+++ b/libs/blocks/tabs/tabs.js
@@ -67,7 +67,8 @@ function changeTabs(e) {
   const parent = target.parentNode;
   const content = parent.parentNode.parentNode.lastElementChild;
   const targetContent = content.querySelector(`#${target.getAttribute('aria-controls')}`);
-  const blockId = target.closest('.tabs').id;
+  const tabsBlock = target.closest('.tabs');
+  const blockId = tabsBlock.id;
   parent
     .querySelectorAll(`[aria-selected="true"][data-block-id="${blockId}"]`)
     .forEach((t) => t.setAttribute('aria-selected', false));
@@ -77,7 +78,7 @@ function changeTabs(e) {
     .querySelectorAll(`[role="tabpanel"][data-block-id="${blockId}"]`)
     .forEach((p) => p.setAttribute('hidden', true));
   targetContent.removeAttribute('hidden');
-  scrollStackedMobile(targetContent);
+  if (tabsBlock.classList.contains('stacked-mobile')) scrollStackedMobile(targetContent);
 }
 
 function getStringKeyName(str) {