material-ui-phone-number icon indicating copy to clipboard operation
material-ui-phone-number copied to clipboard

Published 20 hours ago • verified publisher icon alexplumb

Issue (with Workaround): Styling dropdown background using dropdownClass causing issues

Open dcblair opened this issue 4 years ago • 0 comments

When attempting to style the background of the dropdown menu using dropdownClass, the background color ended up overflowing, filling the entire viewport.

` // in makeStyles dropdown: { backgroundColor: 'rgba(255, 255, 255, 0.97)', }

<MuiPhoneNumber name='phone' label='Phone Number (optional)' defaultCountry={'us'} onChange={handlePhone} dropdownClass={classes.dropdown} /> `

What ended up working for me was adding the .MuiMenu-paper class to a CSS file and using that to style the dropdown.

dcblair avatar Feb 18 '21 03:02 dcblair