From 1c592e19d4828051752f95e71ef1509eb322d9f5 Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Tue, 18 Aug 2026 15:29:26 +0330
Subject: [PATCH] fix input autofill code

---
 src/components/Componentes/question-phone.tsx |  2 +
 src/components/Componentes/question-text.tsx  | 56 ++++++++++---------
 .../Componentes/question-textarea.tsx         | 22 ++++----
 3 files changed, 44 insertions(+), 36 deletions(-)

diff --git a/src/components/Componentes/question-phone.tsx b/src/components/Componentes/question-phone.tsx
index 2eab460..b255242 100644
--- a/src/components/Componentes/question-phone.tsx
+++ b/src/components/Componentes/question-phone.tsx
@@ -567,6 +567,7 @@ export function QuestionPhone({
       ].join(" ")}
     >
       <QuestionTitle question={question} />
+      <form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
       <div
         dir="ltr"
         data-snap-drag-ignore="true"
@@ -645,6 +646,7 @@ export function QuestionPhone({
           />
         </span>
       </div>
+      </form>
       {showInvalidState ? (
         <span className="block group-10 font-semibold text-[#F2465F]">
           Enter a valid phone number with country code.
diff --git a/src/components/Componentes/question-text.tsx b/src/components/Componentes/question-text.tsx
index 7463527..1b0f2f9 100644
--- a/src/components/Componentes/question-text.tsx
+++ b/src/components/Componentes/question-text.tsx
@@ -92,18 +92,20 @@ export default function QuestionText({
         )}
       >
         <QuestionTitle question={question} />
-        <Input
-          type="text"
-          inputMode="email"
-          dir="ltr"
-          name={`field_${question.id}`}
-          hasError={showInvalidState}
-          value={localValue}
-          onChange={(e) => handleChange(e.target.value)}
-          onBlur={handleBlur}
-          placeholder={question.extras.placeHolder}
-          disabled={disabled || isMuted}
-        />
+        <form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
+          <Input
+            type="text"
+            inputMode="email"
+            dir="ltr"
+            name={`field_${question.id}`}
+            hasError={showInvalidState}
+            value={localValue}
+            onChange={(e) => handleChange(e.target.value)}
+            onBlur={handleBlur}
+            placeholder={question.extras.placeHolder}
+            disabled={disabled || isMuted}
+          />
+        </form>
         {showInvalidState ? (
           <span className="block group-10 font-semibold text-[#F2465F]">
             {question.validation?.errorMessage ||
@@ -131,20 +133,22 @@ export default function QuestionText({
       )}
     >
       <QuestionTitle question={question} />
-      <Input
-        type={isNumericQuestion ? "tel" : "text"}
-        inputMode={isNumericQuestion ? "numeric" : "text"}
-        pattern={isNumericQuestion ? "[0-9]*" : undefined}
-        name={`field_${question.id}`}
-        value={localValue}
-        onChange={(e) => handleChange(e.target.value)}
-        onBlur={handleBlur}
-        placeholder={question.extras.placeHolder}
-        disabled={disabled || isMuted}
-        className={cn(
-          isMuted && "opacity-50 cursor-not-allowed bg-[#F5F5F5] border-[#E2E8F0]",
-        )}
-      />
+      <form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
+        <Input
+          type={isNumericQuestion ? "tel" : "text"}
+          inputMode={isNumericQuestion ? "numeric" : "text"}
+          pattern={isNumericQuestion ? "[0-9]*" : undefined}
+          name={`field_${question.id}`}
+          value={localValue}
+          onChange={(e) => handleChange(e.target.value)}
+          onBlur={handleBlur}
+          placeholder={question.extras.placeHolder}
+          disabled={disabled || isMuted}
+          className={cn(
+            isMuted && "opacity-50 cursor-not-allowed bg-[#F5F5F5] border-[#E2E8F0]",
+          )}
+        />
+      </form>
       {isMarjaQuestion ? (
         <div className="mt-2.5 flex items-center">
           <label className="flex cursor-pointer items-center gap-2 select-none active:scale-[0.99] transition-all">
diff --git a/src/components/Componentes/question-textarea.tsx b/src/components/Componentes/question-textarea.tsx
index 6f3e83d..97a77aa 100644
--- a/src/components/Componentes/question-textarea.tsx
+++ b/src/components/Componentes/question-textarea.tsx
@@ -64,16 +64,18 @@ export function QuestionTextarea({
       )}
     >
       <QuestionTitle question={question} />
-      <Textarea
-        name={`field_${question.id}`}
-        value={localValue}
-        onChange={handleChange}
-        onBlur={handleBlur}
-        placeholder={question.extras.placeHolder}
-        disabled={disabled}
-        rows={5}
-        className="h-[270px]"
-      />
+      <form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
+        <Textarea
+          name={`field_${question.id}`}
+          value={localValue}
+          onChange={handleChange}
+          onBlur={handleBlur}
+          placeholder={question.extras.placeHolder}
+          disabled={disabled}
+          rows={5}
+          className="h-[270px]"
+        />
+      </form>
       {description ? (
         <span className="block group-10 font-semibold text-[#747474]">
           {description}