mui Select drop down options not styled when using entry point to insert scoped shadow DOM styles-CodePudding

Home > Mobile > mui Select drop down options not styled when using entry point to insert scoped shadow DOM styles

mui Select drop down options not styled when using entry point to insert scoped shadow DOM styles

Time：11-04

Note that this is for MUI v5 @mui/material and NOT using v4 @material-ui/core

After finally figuring out how to make @mui/material styles show when using an entry point to emotion to insert scoped shadow DOM styles (see this post

Dropdown options are showing like this:

CodePudding user response：

You should add MenuProps.disablePortal = true to mount Menu inside shadow DOM (to be able to use scoped styles)

<Select MenuProps={{ disablePortal: true }}>

Page link：https//www.codepudding.com/Mobile/178395.html

Prev:You cannot render a <Router> inside another <Router>. You should never have more than on

Next:Property Y does not exist on type 'FunctionComponent<Interface>' even though Interfa

Tags：

reactjs

material-ui

custom-element

react-typescript

Links：
CodePudding