How to autofocus react textarea?

Question

I already try autoFocus or focus(), but seems not work.

<textarea autoFocus />

or

<textarea ref="textarea" />
componentDidMount() {
  findDOMNode(this.refs.textarea).focus();
}

edit

autoFocus seems work in chrome.

Both autoFocus foucs() not work in iOS.

Make sur not using [-webkit-user-select property](http://stackoverflow.com/questions/30752250/ios-workaround-for-manually-focusing-on-an-input-textarea) — Damien Leroux, Jun 02 '16 at 06:27
`` does not work for me in Chrome. The autofocus field does not render in the html. — Mote Zart, Jan 19 '22 at 16:55

score 1 · Answer 1 · edited May 23 '17 at 11:52

1

Calling focus() in componentDidMount seems to work in desktop Chrome and Firefox.

edited May 23 '17 at 11:52

Community

answered Jan 10 '17 at 02:44

Jonathan