z-index value not handled correctly about react-modal

[marbemac]

It should follow react conventions:

class Foo extends Component {
  render() {
    var modalStyles = {overlay: {zIndex: 10}};

    return(
      <Modal style={ modalStyles }>
        Hello World!
      </Modal>
    )
  }
}

[kendagriff]

@marbemac Thanks for the tip!

[phaedryx]

@marbemac I should have realized that. Thanks for the example.

[deiga]

As a workaround set modalStyles.overlay["z-index"] = '10;';