MDX Editor + Modal component not working properly

jakkub21 commented 4 days ago

Bug Report

Hey! Sorry to bother you but i im trying to implement library MDX-Editor with React Semantic UI Modal component and as you can see on the screens bellow im having a hard time with modal... i even had to implement custom css to handle some rendering in modal (like dialog boxes from mdx editor while adding links)

Is there anyone that can help me figure it out? Is there any workaround. Thank you for any advice.

Steps

see codesandbox link down bellow

Expected Result

Actual Result

Version

mdxeditor v. 3.7.0 react v.18.3.1 react-dom v.18.3.1 semantic-ui-react v2.1.5

Testcase

https://codesandbox.io/s/semantic-ui-react-forked-3nkfm6

welcome[bot] commented 4 days ago

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

jakkub21 commented 6 hours ago

I manage to fix it by removing property will-change from class .ui.modal:

.ui.modal {
    ...
    will-change: unset;
}

Which was originally set to:

.ui.modal {
    ... 
    will-change: top, left, margin, transform, opacity;
}

and it caused that bug mentioned above.

Semantic-Org / Semantic-UI-React