Fix active element on mouseover on fetched options

Author: gbalduzzi

public/vendor/bs-blade-forms/assets/main-3a8b4db0.js

@@ -5,7 +5,7 @@
     "src": "resources/css/main.scss"
   },
   "resources/js/main.ts": {
-    "file": "assets/main-3a8b4db0.js",
+    "file": "assets/main-b4401358.js",
     "isEntry": true,
     "src": "resources/js/main.ts"
   }

public/vendor/bs-blade-forms/assets/main-b4401358.js

@@ -78,13 +78,6 @@ export class CustomSelect {
   init = () => {
     this.populateDropdown()
 
-    for (const [key, opt] of this.dropdownOptions) {
-      opt.addEventListener(
-        'mousemove',
-        throttle((e) => (key !== this.active ? this.setActive(key) : null), 25),
-      )
-    }
-
     this.uiBox.addEventListener('click', () => this.toggle())
 
     document.addEventListener('click', (e) => {
@@ -390,6 +383,8 @@ export class CustomSelect {
 
       optionsWrapper.appendChild(dropdownOption)
 
+      this.onDropdownOptionCreated(dropdownOption, optEl.value)
+
       this.dropdownOptions.set(optEl.value, dropdownOption)
       this.optionsSearchText.set(optEl.value, optEl.label.toLowerCase())
     }
@@ -403,6 +398,13 @@ export class CustomSelect {
     })
   }
 
+  onDropdownOptionCreated = (opt: HTMLElement, key: string) => {
+    opt.addEventListener(
+      'mousemove',
+      throttle((e) => (key !== this.active ? this.setActive(key) : null), 25),
+    )
+  }
+
   onOptionSelected = (key: string | null) => {
     if (key == null) {
       key = this.emptyValue