Browse Source

fix input autofill code

master
mortezaei 6 days ago
parent
commit
1c592e19d4
  1. 2
      src/components/Componentes/question-phone.tsx
  2. 4
      src/components/Componentes/question-text.tsx
  3. 2
      src/components/Componentes/question-textarea.tsx

2
src/components/Componentes/question-phone.tsx

@ -567,6 +567,7 @@ export function QuestionPhone({
].join(" ")} ].join(" ")}
> >
<QuestionTitle question={question} /> <QuestionTitle question={question} />
<form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
<div <div
dir="ltr" dir="ltr"
data-snap-drag-ignore="true" data-snap-drag-ignore="true"
@ -645,6 +646,7 @@ export function QuestionPhone({
/> />
</span> </span>
</div> </div>
</form>
{showInvalidState ? ( {showInvalidState ? (
<span className="block group-10 font-semibold text-[#F2465F]"> <span className="block group-10 font-semibold text-[#F2465F]">
Enter a valid phone number with country code. Enter a valid phone number with country code.

4
src/components/Componentes/question-text.tsx

@ -92,6 +92,7 @@ export default function QuestionText({
)} )}
> >
<QuestionTitle question={question} /> <QuestionTitle question={question} />
<form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
<Input <Input
type="text" type="text"
inputMode="email" inputMode="email"
@ -104,6 +105,7 @@ export default function QuestionText({
placeholder={question.extras.placeHolder} placeholder={question.extras.placeHolder}
disabled={disabled || isMuted} disabled={disabled || isMuted}
/> />
</form>
{showInvalidState ? ( {showInvalidState ? (
<span className="block group-10 font-semibold text-[#F2465F]"> <span className="block group-10 font-semibold text-[#F2465F]">
{question.validation?.errorMessage || {question.validation?.errorMessage ||
@ -131,6 +133,7 @@ export default function QuestionText({
)} )}
> >
<QuestionTitle question={question} /> <QuestionTitle question={question} />
<form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
<Input <Input
type={isNumericQuestion ? "tel" : "text"} type={isNumericQuestion ? "tel" : "text"}
inputMode={isNumericQuestion ? "numeric" : "text"} inputMode={isNumericQuestion ? "numeric" : "text"}
@ -145,6 +148,7 @@ export default function QuestionText({
isMuted && "opacity-50 cursor-not-allowed bg-[#F5F5F5] border-[#E2E8F0]", isMuted && "opacity-50 cursor-not-allowed bg-[#F5F5F5] border-[#E2E8F0]",
)} )}
/> />
</form>
{isMarjaQuestion ? ( {isMarjaQuestion ? (
<div className="mt-2.5 flex items-center"> <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"> <label className="flex cursor-pointer items-center gap-2 select-none active:scale-[0.99] transition-all">

2
src/components/Componentes/question-textarea.tsx

@ -64,6 +64,7 @@ export function QuestionTextarea({
)} )}
> >
<QuestionTitle question={question} /> <QuestionTitle question={question} />
<form autoComplete="off" onSubmit={(e) => e.preventDefault()}>
<Textarea <Textarea
name={`field_${question.id}`} name={`field_${question.id}`}
value={localValue} value={localValue}
@ -74,6 +75,7 @@ export function QuestionTextarea({
rows={5} rows={5}
className="h-[270px]" className="h-[270px]"
/> />
</form>
{description ? ( {description ? (
<span className="block group-10 font-semibold text-[#747474]"> <span className="block group-10 font-semibold text-[#747474]">
{description} {description}

Loading…
Cancel
Save