I keep getting "An invalid form control with name='' is not focusable."
I have a form with couple of input control as required. I also have a input control (required) outside of the form but referenced by form='formid' attribute.
<div>
<div>
<input form="form1" name="text1" type="text" required/>
</div>
<form id='form1'>
<div>
<input name="text2" type="text" required/>
<input name="text3" type="text" required/>
</div>
<input type="submit"/>
</form>
</div>
Problem: when I submit the form I keep getting "An invalid form control with name='' is not focusable."
I do not have any invisible textboxes and by default text1 is focused already.