[TextField] autoFocus label is not floated

Bug report

The TextField component does not behave properly when its Input children has autoFocus prop.

Steps to reproduce

<TextField label="foo">
 <Input autoFocus/>
</TextField>

Actual behavior

The input has the focus but the label is not floated, nor does it float uppon entering text.

Expected behavior

The input should be floated.

Screenshots

Your Environment:

Software	Version(s)
MDC Web	2.2.0
Browser	Chrome (latest)
Operating System	Ubuntu 19

Possible solution

When using autofocus="true" instead of autoFocus it works, it might be because the adapter uses the attribute autofocus="true" and React does not add the attribute, it only calls .focus() on mount.

Also doing something like:

<TextField label="foo">
 <Input ref={ref=>ref.inputElement.focus()}/>
</TextField>

yields the same result. Probably because the handleFocusChange prop passed to the InputComponent only sets the isFocused state but doesn’t trigger anything on the adapter?

[moog16]

Closed in #875

[moog16]

created a fix targeted for rc0.13.0