Impossible de concentrer une entrée à l'aide de JavaScript dans IE11

Je ne peux pas obtenir IE11 pour centrer un élément d'entrée après avoir inséré dans le DOM. L'élément ne recevra pas d'entrée de texte après avoir été concentré, mais son texte de placement n'est plus visible. L'élément est créé par réact, et j'y suis accessible via React's's Refs CODE> Object dans ComposantDidMount CODE>:

<div style={style}>
    <div style={labelStyle}>Enter a name to begin.</div>

    <form onSubmit={this.submit} style={formStyle}>
        <input 
             tabIndex="1" 
             ref="input" 
             value={this.state.username} 
             onChange={this.updateUsername}
             placeholder="New User Name" 
             style={inputStyle}
        />
        <button {...this.getBrowserStateEvents()} style={this.buildStyles(buttonStyle)}>Create</button>
    </form>
</div>