Tooltip is not working with Dialog on MUI

[Suyama-Daichi]

Thank u nice package.

I use @visix/xychart in Dialog with MUI but it can't shown Tooltip.

Do u have any solution ?

example:
https://codesandbox.io/s/linechart-with-dialog-4wu7ik
-> solved!

Thank u.

[SGEMKE]

Hey,

the tooltip is correctly generated, you just can't see it because the mui dialog is forced to the very front. You can check this by making the dialog transparent.
<Dialog open={open} fullWidth={true} PaperProps={{ style: { backgroundColor: 'transparent' }, }}>

if you sort out the z-index of your elements, everything should work.

[Suyama-Daichi]

I handled z-index of Modal.

    const theme = createTheme({
        zIndex: { modal: 0.3, drawer: 0.1, appBar: 0.2 },
    })

It correctly work now!