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) {