fixes #563

shoelace-style · Oct 18, 2021 · a9df468 · a9df468
1 parent 0bba773
commit a9df468
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
@@ -11,6 +11,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 - Added experimental `<sl-animated-image>` component
 - Added `label` attribute to `<sl-progress-bar>` and `<sl-progress-ring>` to improve a11y
 - Fixed a bug where the tooltip would show briefly when clicking a disabled `<sl-range>`
+- Fixed a bug where the `nav` part in `<sl-tab-group>` was on the incorrect element [#563](https://github.com/shoelace-style/shoelace/pull/563)
 - Updated to Bootstrap Icons to 1.6.0
 
 ## 2.0.0-beta.57

diff --git a/src/components/tab-group/tab-group.ts b/src/components/tab-group/tab-group.ts
@@ -354,7 +354,7 @@ export default class SlTabGroup extends LitElement {
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
       >
-        <div class="tab-group__nav-container">
+        <div class="tab-group__nav-container" part="nav">
           ${this.hasScrollControls
             ? html`
                 <sl-icon-button
@@ -367,7 +367,7 @@ export default class SlTabGroup extends LitElement {
               `
             : ''}
 
-          <div part="nav" class="tab-group__nav">
+          <div class="tab-group__nav">
             <div part="tabs" class="tab-group__tabs" role="tablist">
               <div part="active-tab-indicator" class="tab-group__indicator"></div>
               <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>