fix: select & tab-bar, trigger slotchange on hydration

deven-org · Jun 20, 2024 · 1e9cac4 · 1e9cac4
1 parent 85239e4
commit 1e9cac4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/ui-library/src/components/select/index.ts b/packages/ui-library/src/components/select/index.ts
@@ -1,4 +1,4 @@
-import { html, nothing } from 'lit';
+import { PropertyValueMap, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { query, state } from 'lit/decorators.js';
 import { property } from '../../utils/lit/decorators.js';
@@ -82,6 +82,10 @@ export class BlrSelect extends LitElementCustom {
     }
   };
 
+  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
+    this.handleSlotChange();
+  }
+
   protected handleSlotChange() {
     const slot = this.renderRoot?.querySelector('slot');
 

diff --git a/packages/ui-library/src/components/tab-bar/index.ts b/packages/ui-library/src/components/tab-bar/index.ts
@@ -1,5 +1,5 @@
 /* eslint-disable lit/binding-positions */
-import { html, nothing } from 'lit';
+import { PropertyValueMap, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { query, queryAll, state } from 'lit/decorators.js';
 import { property } from '../../utils/lit/decorators.js';
@@ -94,6 +94,10 @@ export class BlrTabBar extends LitElementCustom {
     }
   }
 
+  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
+    this.handleSlotChange();
+  }
+
   protected handleSlotChange() {
     const slot = this.renderRoot?.querySelector('slot');