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