fix(ld-select): always set ignore slot changes to false on next tick

src/liquid/components/ld-select/ld-select.tsx

@@ -336,6 +336,9 @@ export class LdSelect {
 
   private initOptions() {
     this.ignoreSlotChanges = true
+    setTimeout(() => {
+      this.ignoreSlotChanges = false
+    })
 
     const initialized = this.initialized
     let children
@@ -429,10 +432,7 @@ export class LdSelect {
   }
 
   private handleSlotChange(mutationsList: MutationRecord[]) {
-    if (this.ignoreSlotChanges) {
-      this.ignoreSlotChanges = false
-      return
-    }
+    if (this.ignoreSlotChanges) return
 
     if (
       mutationsList.some(

src/liquid/components/ld-select/test/ld-select.spec.ts

@@ -323,12 +323,29 @@ describe('ld-select', () => {
   })
 
   it('ignores slot changes if options are being initialized', async () => {
+    expect.assertions(1)
     const ldSelect = new LdSelect()
-    ldSelect.ignoreSlotChanges = true
-    ;((ldSelect as unknown) as {
-      handleSlotChange: () => void
-    }).handleSlotChange()
-    expect(ldSelect.ignoreSlotChanges).toBeFalsy()
+
+    try {
+      ldSelect.ignoreSlotChanges = true
+      ;((ldSelect as unknown) as {
+        handleSlotChange: () => void
+      }).handleSlotChange()
+    } catch (err) {
+      // the following assertion should be skipped.
+      expect(err).toStrictEqual(Error('should be skipped.'))
+    }
+
+    try {
+      ldSelect.ignoreSlotChanges = false
+      ;((ldSelect as unknown) as {
+        handleSlotChange: () => void
+      }).handleSlotChange()
+    } catch (err) {
+      expect(err).toStrictEqual(
+        TypeError("Cannot read property 'some' of undefined")
+      )
+    }
   })
 
   it('deselects a selected option if another option is selected in single select mode', async () => {