Description

When using a DataForm with the card layout and required field validation, blurring from any field (via mouse click or tab) triggers validation and auto-focuses the first required field that has an error. This hijacks the user's natural tab order (or whichever input they clicked), making navigation unpredictable.

Step-by-step reproduction instructions

1. Clear the value of the Text field (so it becomes empty/invalid) by updating the story.
2. Open local storybook (npm run storybook:dev).
3. Go to the DataForm validation story.
4. Switch to the card layout.
5. Click into the second field (e.g., Textarea) with the mouse.
6. Press Tab to move to the next field.

Screenshots, screen recording, code snippet

Environment info

WordPress 6.9.4, Gutenberg nightly, macOS, Chrome