@eturnity/eturnity_reusable_components 8.37.0 → 8.37.1

package/src/components/inputs/select/option/index.vue

@@ -159,17 +159,35 @@
         theme,
       }
     },
-    computed: {},
+    computed: {
+      selectDropdownParent() {
+        // Search up the component hierarchy for the dropdown component
+        let parent = this.$parent
+        let iterations = 0
+        const maxIterations = 5
+
+        while (parent && iterations < maxIterations) {
+          if (parent.$attrs.class == 'rc-select-dropdown') {
+            return parent
+          }
+          parent = parent.$parent
+          iterations++
+        }
+
+        return this.$parent
+      },
+    },
     methods: {
       clickHandler(e) {
         if (this.isDisabled || !!this.$attrs?.onClick) {
           // prevent emitter if the option is disabled
           return
         }
-        this.$parent.$emit('option-selected', this.value, e)
+        // Pass the component instance along with the value
+        this.selectDropdownParent.$emit('option-selected', this.value, this, e)
       },
       hoverHandler() {
-        this.$parent.$emit('option-hovered', this.value)
+        this.selectDropdownParent.$emit('option-hovered', this.value)
       },
     },
   }