Search code examples
semantic-uisemantic-ui-react

Semantic ui react modal dialog issue

I'm using semantic-ui-react in my application. It used to work perfect but at some point, it stops to render Modal dialogs in the proper place. The only thing I did install, not sure if it's a cause, is a Node 8.9.4 After installing new node version, my npm "ask" me to upgrade sass-loader.

Now all my dialogs open in the Top-Left corner cut by half. Any idea?

enter image description here

It does show dialog in the right place if I disable DISPLAY property from css

enter image description here

Solution

  • This appears to be an issue with Semantic-UI-CSS new 2.3.0 update.

    I tried downgrading to 2.2.12 and it fixed the issue for now.

    This issue is addressing it: https://github.com/Semantic-Org/Semantic-UI-CSS/issues/40