fixes #815

docs/resources/changelog.md

@@ -12,6 +12,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 - Changed the type of component styles from `CSSResult` to `CSSResultGroup` [#828](https://github.com/shoelace-style/shoelace/issues/828)
 - Fixed a bug in `<sl-tab-group>` where the divider was on the wrong side when using `placement="end"`
+- Fixed a bug in `<sl-tab-group>` that caused nested tab groups to scroll when using `placement="start|end"` [#815](https://github.com/shoelace-style/shoelace/issues/815)
 - Updated Bootstrap Icons to 1.9.1
 
 ## 2.0.0-beta.78

src/components/tab-group/tab-group.styles.ts

@@ -18,12 +18,12 @@ export default css`
     border-radius: 0;
   }
 
-  .tab-group .tab-group__tabs {
+  .tab-group__tabs {
     display: flex;
     position: relative;
   }
 
-  .tab-group .tab-group__indicator {
+  .tab-group__indicator {
     position: absolute;
     transition: var(--sl-transition-fast) transform ease, var(--sl-transition-fast) width ease;
   }
@@ -33,6 +33,10 @@ export default css`
     padding: 0 var(--sl-spacing-x-large);
   }
 
+  .tab-group__body {
+    overflow: auto;
+  }
+
   .tab-group__scroll-button {
     display: flex;
     align-items: center;