Describe the issue
When a form element has the search role, it stacks children horizontally and brings a special style, consistent with the search input. Adding a hidden element breaks the styling.
Current Behavior
To replicate, take the current example on the website but prepend a hidden input at the top of the form:
<form role="search">
<input name="site" type="hidden">
<input name="search" type="search" placeholder="Search" />
<input type="submit" value="Search" />
</form>
This causes the left-side of the input to be flat instead of rounded.
Expected Behavior
Ideally, the style should ignore hidden elements, both with the hidden attribute and the hidden input type. This would allow the left-side of the search input to remain rounded, regardless of if there is a hidden element before it.
Reproduction URL
JSFiddle: https://jsfiddle.net/7tpmxbk6/
Describe the issue
When a form element has the search role, it stacks children horizontally and brings a special style, consistent with the search input. Adding a hidden element breaks the styling.
Current Behavior
To replicate, take the current example on the website but prepend a hidden input at the top of the form:
This causes the left-side of the input to be flat instead of rounded.
Expected Behavior
Ideally, the style should ignore hidden elements, both with the hidden attribute and the hidden input type. This would allow the left-side of the search input to remain rounded, regardless of if there is a hidden element before it.
Reproduction URL
JSFiddle: https://jsfiddle.net/7tpmxbk6/