fix(tabs): allow scrolling the panel contents (#761)

* fix(tabs): add height of 100% to tab panel to allow scrolling the panel contents * fix(tabs): add changelog
ithaka · May 28, 2024 · 4e8fcde · 4e8fcde
1 parent 6e98ede
commit 4e8fcde
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/gorgeous-ducks-give.md b/.changeset/gorgeous-ducks-give.md
@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': patch
+---
+
+Fix behavior allowing tab panel contents scroll independently of the page by setting a defined height on an element wrapping the tabs
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/packages/pharos/src/components/tabs/pharos-tabs.scss b/packages/pharos/src/components/tabs/pharos-tabs.scss
@@ -39,6 +39,7 @@
 .tab__panels {
   display: flex;
   flex-direction: column;
+  height: 100%;
   padding: var(--pharos-spacing-one-quarter-x);
 }