When placing a Select inside a Modal.Content.Body, between a Modal.Content.Header and Modal.Content.Footer, the select options display behind the header and footer, making it impossible to use correctly.
Expected Behavior
The select options should be above all other elements, always when the select menu is open
Manually specifying the Z-index of any of the related elements using CSS appears to have no effect; including the Modal.Content.Header, Modal.Content.Body, Modal.Content.Footer, Select.Options and Select.Options.Option
Current Behavior
When placing a Select inside a Modal.Content.Body, between a Modal.Content.Header and Modal.Content.Footer, the select options display behind the header and footer, making it impossible to use correctly.
Expected Behavior
The select options should be above all other elements, always when the select menu is open
Steps To Reproduce
Link to Reproduction / Stackblitz
No response
More Information
Manually specifying the Z-index of any of the related elements using CSS appears to have no effect; including the Modal.Content.Header, Modal.Content.Body, Modal.Content.Footer, Select.Options and Select.Options.Option