fix tab panel display

docs/resources/changelog.md

@@ -23,6 +23,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 - Fixed a bug in `<sl-color-picker>` that caused selected colors to be wrong due to incorrect HSV calculations
 - Fixed a bug in `<sl-radio-button>` that caused the checked button's right border to be incorrect [#1110](https://github.com/shoelace-style/shoelace/issues/1110)
 - Fixed a bug in `<sl-spinner>` that caused the animation to stop working correctly in Safari [#1121](https://github.com/shoelace-style/shoelace/issues/1121)
+- Fixed a bug that prevented the entire `<sl-tab-panel>` to be hidden when inactive
 - Refactored the `ShoelaceFormControl` interface to remove the `invalid` property, allowing a more intuitive API for controlling validation internally
 - Renamed the internal `FormSubmitController` to `FormControlController` to better reflect what it's used for
 - Updated Lit to 2.6.1

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

@@ -7,6 +7,10 @@ export default css`
   :host {
     --padding: 0;
 
+    display: none;
+  }
+
+  :host([active]) {
     display: block;
   }
 
@@ -14,8 +18,4 @@ export default css`
     display: block;
     padding: var(--padding);
   }
-
-  .tab-panel:not(.tab-panel--active) {
-    display: none;
-  }
 `;