CSS Issue -> Modal window render out of screen

[SajagTiwari]

the css comes with the CDN link

and the css that come with semantic-ui-css package are different.
I am using the css come with package that create problem with modal window.
half of the modal window render out of the winow screen.

[welcome]

👋 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.

[ekrokowski]

This happens because the newer Version of Semantic-ui-css doesn't use the CSS position: fixed; top: 50%; left: 50%; anymore. Semantic-UI-React however still applies margin-top: -(half-height)px to the .ui.modal-element.

This happens when using Semantic-UI-CSS Version 2.3.X. Forcing version 2.2.12 fixes this problem for now.

[brianespinosa]

Duplicate of #2550