[joy-ui][Modal] `ModalClose` applies hover and click only outside the button's icon about material-ui HOT 4 OPEN

Hey @GuilhermeMaier, thanks for opening the issue! Can you provide a reproducible CodeSandbox with a code similar to your app's ease of troubleshooting? Also, are you using a custom icon? The docs' examples seem to be working correctly regarding this problem.

from material-ui.

@danilo-leal thanks for the fast reply. Here below there's a simple CodeSandbox with the error, let me know if you can't access it, please!

https://codesandbox.io/p/sandbox/material-ui-feat-joy-ui-forked-dvphmp

Actually I don't know how to properly share this link, if I click on it nothing is found and I'm redirected for a github page, but if you copy the link and open on browser it'll works.

from material-ui.

Hey @GuilhermeMaier, I managed to find a solution to your issue however I don't think this is a big. The main issue is the <DialogContent> component. If you remove that from your CodeSandbox - it should work as expected! 🙌🏼 Let me know if you need any other assistance.

from material-ui.

Hey @GuilhermeMaier, I managed to find a solution to your issue however I don't think this is a big. The main issue is the <DialogContent> component. If you remove that from your CodeSandbox - it should work as expected! 🙌🏼 Let me know if you need any other assistance.

Although your tip works and I will use it, I will, however, keep this issue, because I think my structure follows the joy documentation as it says here https://mui.com/joy-ui/react-modal/#modal-dialog

from material-ui.