From bd72d055591dd0b73bd6744eaa5b7fc692c4fe42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Coletta?= <mail.leo.coletta@gmail.com>
Date: Tue, 4 Aug 2026 17:47:08 +0200
Subject: [PATCH 1/2] fix(WW-3544): Remove deprecated select component style
 dependency

---
 src/wwElement.vue | 13 ++++---------
 ww-config.js      |  8 ++++++++
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/wwElement.vue b/src/wwElement.vue
index a111e05..53a9074 100644
--- a/src/wwElement.vue
+++ b/src/wwElement.vue
@@ -79,7 +79,7 @@
 <script>
 import Multiselect from '@vueform/multiselect';
 import OptionItem from './OptionItem.vue';
-import { computed, inject } from 'vue';
+import { computed } from 'vue';
 
 const DEFAULT_LABEL_FIELD = 'label';
 const DEFAULT_VALUE_FIELD = 'value';
@@ -103,11 +103,7 @@ export default {
             defaultValue: computed(() => props.content.initialValue ?? ''),
         });
 
-        const styles = inject('componentStyle');
-
-        const cursor = computed(() => styles.cursor);
-
-        return { currentSelection, setCurrentSelection, cursor };
+        return { currentSelection, setCurrentSelection };
     },
     data: () => ({
         options: [],
@@ -192,7 +188,6 @@ export default {
                 '--search-font-size': this.content.searchFontSize || 'inherit',
                 '--search-font-family': this.content.searchFontFamily || 'inherit',
                 '--search-font-color': this.content.searchFontColor || 'inherit',
-                '--component-cursor': this.cursor || 'pointer',
             };
         },
         isReadonly() {
@@ -390,7 +385,7 @@ export default {
 <style type="scss" scoped>
 /* We need to use multiselect classname  */
 .ww-input-select {
-    cursor: var(--component-cursor);
+    cursor: var(--component-cursor, pointer);
     --ms-bg: transparent;
 
     --ms-border-width: 0px;
@@ -402,7 +397,7 @@ export default {
     }
 }
 .ww-input-select:deep(.multiselect-wrapper) {
-    cursor: var(--component-cursor);
+    cursor: var(--component-cursor, pointer);
     height: inherit;
     min-height: unset;
 }
diff --git a/ww-config.js b/ww-config.js
index f7ce7d8..57084a6 100644
--- a/ww-config.js
+++ b/ww-config.js
@@ -1,4 +1,12 @@
 export default {
+    css({ style }) {
+        return [
+            {
+                property: '--component-cursor',
+                value: style.cursor,
+            },
+        ];
+    },
     editor: {
         label: {
             en: 'Input select',

From 5b8c7016612179f56ff19bc2209c02b77f1ebc4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Coletta?= <mail.leo.coletta@gmail.com>
Date: Thu, 6 Aug 2026 17:42:20 +0200
Subject: [PATCH 2/2] fix(WW-3544): Preserve deprecated select option color

---
 src/wwElement.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/wwElement.vue b/src/wwElement.vue
index 53a9074..05bb6b3 100644
--- a/src/wwElement.vue
+++ b/src/wwElement.vue
@@ -431,6 +431,9 @@ export default {
     padding: 0px !important;
     width: 100%;
 }
+.ww-input-select:deep(.multiselect-option:not(.is-pointed):not(.is-selected):not(.is-disabled)) {
+    color: var(--ms-option-color, #000000);
+}
 .ww-input-select:deep(.multiselect-placeholder-el) {
     flex-grow: 1;
     width: 100%;