1 files changed, 8 insertions, 6 deletions
diff --git a/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx b/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx
index 837744827..6e6186a88 100644
--- a/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx
+++ b/packages/aml-backoffice-ui/src/handlers/InputSelectMultiple.tsx
@@ -13,7 +13,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
 ): VNode {
   const { name, label, choices, placeholder, tooltip, required, unique, max } =
     props;
-  const { value, onChange } = useField<T, K>(name);
+  const { value, onChange, state } = useField<T, K>(name);
 
   const [filter, setFilter] = useState<string | undefined>(undefined);
   const regex = new RegExp(`.*${filter}.*`, "i");
@@ -26,8 +26,8 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
     filter === undefined
       ? undefined
       : choices.filter((v) => {
-          return regex.test(v.label);
-        });
+        return regex.test(v.label);
+      });
   return (
     <div class="sm:col-span-6">
       <LabelWithTooltipMaybeRequired
@@ -41,6 +41,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
             {choiceMap[v]}
             <button
               type="button"
+              disabled={state.disabled}
               onClick={() => {
                 const newValue = [...list];
                 newValue.splice(idx, 1);
@@ -62,7 +63,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
         );
       })}
 
-      <div class="relative mt-2">
+      {!state.disabled && <div class="relative mt-2">
         <input
           id="combobox"
           type="text"
@@ -78,6 +79,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
         />
         <button
           type="button"
+          disabled={state.disabled}
           onClick={() => {
             setFilter(filter === undefined ? "" : undefined);
           }}
@@ -122,7 +124,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
                     onChange(newValue as T[K]);
                   }}
 
-                  // tabindex="-1"
+                // tabindex="-1"
                 >
                   {/* <!-- Selected: "font-semibold" --> */}
                   <span class="block truncate">{v.label}</span>
@@ -145,7 +147,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>(
             {/* <!-- More items... --> */}
           </ul>
         )}
-      </div>
+      </div>}
     </div>
   );
 }