Form view with multiple rich text fields result in direct validation message
General description
A form view on a table that contains a single rich text field immediately sets the focus of the form to this field. This is very confusing for forms with a scrollbar since the top of the form disappears.
When the form contains 2 rich text fields, there is an additional issue. Since both fields receive the focus, the field that had the focus first shows the validation message "This field is required" which is confusing for the user.
Steps to reproduce
- Create a new table
- Create a new form view for the table
- Share the form view. Everything is fine.
- Add additional fields to the table so that the length of the form does not fit in a single screen.
- Make sure that one of the fields is of the type Long text.
- Test the form again. Everything is still fine.
- Enable rich text formatting on the Long text field.
- Test the form again. The form scrolls down to the Long text field and offers it the focus. This is because
tabindex="0"
is set on this field. - Add a second Long text field and enable richt text formatting.
- Test the form again. The form scrolls down to the last Long text field and offers it the focus. Causing the first Long text field to show the message that it is required.
System info
- Browser: Google Chrome
- Baserow version: 1.24 on SaaS