Re-rendering is not happening on the fly while changing any Element property about yt_pageform HOT 2 CLOSED

Hi, this happens because useForm hook is set with mode onBlur.

You can change it to: onChange to trigger changes on every keystroke.

    resolver: zodResolver(propertiesSchema),
    mode: "onBlur", //<=========== HERE
    defaultValues: {
      label: element.extraAttributes.label,
      helperText: element.extraAttributes.helperText,
      required: element.extraAttributes.required,
      placeHolder: element.extraAttributes.placeHolder,
    },
  });

from yt_pageform.

Thanks for the response. I tried that but that was not working. :(

Though I changed following:

<Input
   {...field}
   onKeyDown={(e) => {
         if (e.key === "Enter") e.currentTarget.blur();
      }}
 />

to

<Input
    {...field}
      onKeyUp={(e) => {
          e.currentTarget.blur();
          e.currentTarget.focus();
      }}
  />

And it worked. I know it is not a good approach but don't see any other way to do it. Also not sure how to handle required checkbox.

from yt_pageform.