HTML Form Validation Not Triggering for Nested Inputs in Chrome 90
I'm collaborating on a project where I'm trying to configure I'm working on a project and hit a roadblock... I'm experiencing an scenario with HTML form validation not triggering for nested input fields in Chrome version 90. I have a form that includes a `<fieldset>` with some `<input>` fields inside. However, when I try to submit the form without filling out the required fields, the validation message does not appear for the inputs inside the fieldset. Instead, it seems to skip them entirely. Here's a simplified version of my code: ```html <form id="myForm"> <fieldset> <legend>User Information</legend> <label for="username">Username:</label> <input type="text" id="username" name="username" required> <br> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <br> </fieldset> <input type="submit" value="Submit"> </form> ``` When I hit the submit button without entering anything, I expect to see validation messages for both the username and email fields. However, the validation messages only show up for the first input outside the fieldset. In Chrome's console, I see this warning: "Form validation failed: element is not a valid input type." I have tried moving the inputs outside of the `<fieldset>`, and the validation works properly in that case. I also checked for any CSS or JavaScript that might interfere with form submission, but nothing seems to be affecting it. I've tested the form in Firefox and it works as expected there, so the scenario seems to be Chrome-specific. Any ideas on why Chrome isn't recognizing the nested input fields for validation? Is there a best practice or workaround for handling this scenario? Is there a better approach? This is happening in both development and production on Ubuntu 20.04. The stack includes Html and several other technologies. Any ideas what could be causing this? I've been using Html for about a year now. Any examples would be super helpful.