IE11 getComputedStyle prevention

[eek]

There's this weird bug in IE11 and below, if there is a React Component with ReactAutosizeTextarea, the component will no longer trigger componentDidMount because window.getComputedStyle(ta, null); throws an access denied.

Should be fixed in autosize repo, but until then, added autosize in a try catch to prevent the error from disrupting the whole application

Also updated package.json to autosize v.4 (thought that will fix it), apparently not.

[eek]

@FrancescoCioria can you check this out, and maybe push it? 😁

[FrancescoCioria]

weird, I never had this bug in IE11. are you rendering the textarea inside an iframe?

[eek]

Nope, just a normal TextareaAutosize element.

The weird part is that sometimes worked and sometimes didn't and it all started since we updated to React 16

[FrancescoCioria]

can we replicate it via a fiddle?

I'm not fond of adding a try catch for a bug that can't be reproduced :)

PS: if you're using React16 you could fallback to a plain <textarea> when it fails using the new componentDidCatch method

// AutosizeTextarea.js
import _TextareaAutosize from 'react-autosize-textarea'

export default class TextareaAutosize extends React.Component {

  state = {
    autosizeCrashed: false
  }

  componentDidCatch(error, info) {
    // Display fallback <textarea>
    this.setState({ autosizeCrashed: true });
  }

  render() {
    if (this.state.autosizeCrashed) {
      return <textarea {...this.props} />;
    }
    return <_TextareaAutosize {...this.props} />;
  }
}