rmwc
rmwc copied to clipboard
Select (enhanced): its options overlaps with select field in the dialog
RMWC Version: 14.3.4
Description:
- Go to RMWC | React Material Web Components | Dialogs
- Find the first dialog and insert the folowing code somewhere inside it:
<Select
defaultValue="Cookies"
label="Enhanced"
enhanced={{ renderToPortal: true, anchorCorner: 'topLeft' }}
options={['Cookies', 'Pizza', 'Icecream']}
/>
- Click on the select field
Actual: it renders the options above the select field, thus user can't see the field
Expected: it should render the options right under the select field