Form validation issue with single-line limit

[strandofgenius]

Describe the bug

Having a form submission method set as page-reload and single-line is added to a form and the value has more than a set limit or as the default 255, the page refreshes and takes the user back to the top of the page rather than focusing on the field that caused the error. Also the styling of the form input error message doesn't match other fields and the form error message "Couldn’t save submission due to errors." does not display.

Page Reload Method

Ajax Method

Steps to reproduce

1. Create a form with a single-line text field
2. Set the form submission type as Page-reload
3. Submit a form with too many characters in the single-line text field

Form settings

• Multi-page form: No
• Submission Method: Page Reload
• Client-side Validation: Yes, but it happens either way
• Custom Form Templates: No

Craft CMS version

4.10.4

Plugin version

2.1.20

Multi-site?

No response

Additional context

No response

[engram-design]

I will say that we've revamped validation in Formie 3 (for Craft 5) to provide much-needed conformity between server-side and client-side. This however is a breaking change for Formie 2. I know that changing one of these styles is a "fix" for this issue, but it's also a breaking change for a point release.

As for scrolling to an error, at the moment that's restricted to an Ajax form, where we have control over the form submission process. I'm hesitant to include this functionality (scrolling to the first error on page load) when the page is loaded for fear that it might mess up some sites where they want control over the scroll behaviour for some reason. I'll give it some thought though.