Material-ui: [IE10] ListItem initiallyOpen error

[valentinvichnal]

Problem Description

IE 9 and 10 worked fine with alpha versions, but using beta it throws the following error:
Unable to get property 'initiallyOpen' of undefined or null reference
You can test the documentation site to see the error:
http://www.material-ui.com/v0.15.0-beta.1/

Versions

• Material-UI: 0.15.0-beta.1
• React: 15.0.1
• Browser: IE 9-10

[jeannei]

I have the same issue

Material UI Version 0.15.0-beta.2

React 15.0.2

Browser IE 10

[jonaslundgren]

Also happens in the final release

• Material UI version v0.15.0
• React 15.0.2
• Browser IE 10 (on Windows Server 2012)

[moduval]

Any development about this issue?

[jonaslundgren]

The issue is that IE doesn't like the javascript that babel generates. See https://babeljs.io/docs/usage/caveats/. Including the babel-polyfill package resolved this issue for me. Another workaround might be to apply the "loose" option in babel to generate more compatible javascript (http://babeljs.io/docs/plugins/transform-es2015-classes/).

[moduval]

@jonaslundgren I tried your solution in my project but nothing worked for me. How have you configured your babel to make it work? IE10 doesn't seems to like that when we call this.props in state declaration.

[hackingbeauty]

+1 for this issue. Any resolution?

[jonaslundgren]

@moduv5 I modified the mateterial-ui source according to this: https://github.com/bkonkle/babel-preset-es2015-loose. For more background see https://babeljs.io/docs/usage/caveats/ and http://babeljs.io/docs/plugins/transform-es2015-classes/

[nathanmarks]

@hhaidar this can be fixed by moving the assignment of open into componentWillMount