Merge pull request #2567 from appwrite/fix-dat-2141

Author: ItzNotABug

package.json

@@ -24,9 +24,9 @@
         "@ai-sdk/svelte": "^1.1.24",
         "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@2752",
         "@appwrite.io/pink-icons": "0.25.0",
-        "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@46f65c7",
+        "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@4472521",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@46f65c7",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@4472521",
         "@faker-js/faker": "^9.9.0",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",

pnpm-lock.yaml

@@ -21,29 +21,24 @@
     }[];
     export let leadingIcon: ComponentType | undefined = undefined;
 
-    let element: HTMLSelectElement;
     let error: string;
 
     const handleInvalid = (event: Event) => {
         event.preventDefault();
+        const element = event.target as HTMLInputElement;
 
         if (element.validity.valueMissing) {
             error = 'This field is required';
             return;
         }
+
         error = element.validationMessage;
     };
 
     const isNotEmpty = (value: string | number | boolean) => {
         return typeof value === 'boolean' ? true : !!value;
     };
 
-    $: if (required && !isNotEmpty(value)) {
-        element?.setCustomValidity('This field is required');
-    } else {
-        element?.setCustomValidity('');
-    }
-
     $: if (isNotEmpty(value)) {
         error = null;
     }

src/lib/elements/forms/inputSelect.svelte

@@ -125,11 +125,11 @@
                 </Layout.Stack>
             </Layout.Stack>
             <InputSelect
+                required
                 id="project"
                 label="Choose a project"
                 options={projectOptions ?? []}
                 bind:value={$supportData.project}
-                required={false}
                 placeholder="Select project" />
             <InputText
                 id="subject"