Bug: 'Warning: validateDOMNesting: <hr> cannot appear as a child of <select>' – but this is now valid HTML #27572
Description
The latest version of Chrome and Safari support hr elements as children of select elements, and the HTML spec has been updated – but React warns about this as it used to be invalid HTML.
- https://developer.chrome.com/blog/hr-in-select
- https://webkit.org/blog/14445/webkit-features-in-safari-17-0/#:~:text=Horizontal%20rules%20inside%20select%20elements
- https://html.spec.whatwg.org/#the-select-element-2:~:text=Zero%20or%20more%20option%2C%20optgroup%2C%20hr%2C%20and%20script%2Dsupporting%20elements.
- https://html.spec.whatwg.org/#the-select-element-2:~:text=Occasionally%20it%20can%20be%20useful%20to%20have%20a%20separator%3A
React version: 18.2.0
Steps To Reproduce
- Add a
hrelement as a child ofselect
The current behavior
Warning: validateDOMNesting: <hr> cannot appear as a child of <select>
The expected behavior
No validateDOMNesting warning.
