Validation error appears inside input

[Rob]

When using the FormValidator with a TextBox or DropDownList, the validation error appears inside the input box:

How can I get it to appear to the side or below the box (expected default behaviour - this seems like a bug?)

I'm using the Bootstrap 5 theme.

Thanks,

Rob

[Priyanka Karthikeyan]

Hi Rob,

We were unable to reproduce the issue in our end. Validation error message is appears below the component. Please find the sample and video attached for your reference.

Sample: https://stackblitz.com/edit/xvexza?file=index.html,index.ts

You can also use customPlacement
event which can be used to place the error message from default position to desired custom location.For more information, You can refer the below documentation.

https://ej2.syncfusion.com/documentation/form-validator/error-messages/#customizing-error-placement

Regards,

Priyanka K

Attachment: 230405_165359_video_824514d6.zip