Quiero que la información sobre herramientas de MUI vaya debajo de MUI Popper, que es popper, debe superponerse a la información sobre herramientas. Si anulo el índice z "MuiTooltip" o "MuiTooltip-popper" usando css externo, se aplica globalmente, lo cual no quiero.
¿Hay alguna manera de anular la información sobre herramientas o el comportamiento de popper y modificar el índice z solo para una parte?
caja de arena: https://codesandbox.io/s/tooltip-popper-issue-myryfv?file=/src/App.js
nota: si la ventana emergente en la caja de arena no está en el centro, intente modificar el código. Deje que aparezca el error y deshaga la modificación.
Estoy usando MUI v4
Elimine el css externo y simplemente agregue accesorios de estilo al componente Popper .
<Popper style={{ zIndex: 1501 }} anchorEl={buttonRef.current} >