Material-ui: MuiModal-hidden being applied to all modals

[josephpung]

For some reason the css class MuiModal-hidden is being applied to all my modals/popovers and as such my selects as well as popovers are not appearing unless i override the MuiModal-hidden visibility to visible.

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Should open normally when clicked

Current Behavior

Not appearing as the visibility: hidden css change is added to modals.

Steps to Reproduce (for bugs)

1. Open modal

Context

Unable to use any selects or popover menus unless i set an override on the MuiModal-Hidden css style.

Image below shows the muiModal Hidden class being added. Do note that at this point there is already the override
MuiModal:{
hidden:{
visibility: 'visible'
}
}
added.

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | 1.0.0-rc.1 |
| React | 16.2.0 |
| browser | Chrome |
| etc | - |

[ljvanschie]

I had the same problem. Updating react-dom to 16.3.x fixed it for me (this is the required React version now).

[josephpung]

Solved for me as well. Would be good if this was added in the release notes, unless i missed it XD

[ljvanschie]

Nice :) It's in the breaking changes of 1.0.0-rc.0

[simoami]

I hit the same issue until I updated react-dom to 16.3.2. I'm not seeing it in the notes under Breaking Changes.

[oliviertassinari]

@simoami Comes from:

[core] Require React 16.3.0 or greater (#11347, #11361) @oliviertassinari

We have made this change in order to leverage the new context API at some point. You can use the last v1.0.0-beta release if you still need 15.0.0 < React and React < 16.3.0 support.

[simoami]

Thanks @oliviertassinari, support for React 16 is welcome.