autoFocus causing popover style to scroll browser to top

[daweimau]

It seems this commit introduced a bug related to the autoFocus attribute

When an Editable:

• is a textField type, and
• uses mode="popover",

the first time the editable link is clicked, the browser screen will scroll to top. Subsequent opens of the same Editable popover won't do this.

This doesn't happen in version 0.5.1.

When we remove autoFocus from the Input element, this behaviour stops. But generally autoFocus is desirable, so it would be better to understand and cure this behaviour if possible.

It is definitely the autoFocus attribute. Other field types (which don't have autoFocus) are not affected (and they become affected by introducing autoFocus).

Can't figure out the rest, which sucks for me.

[daweimau]

Seems to be an instance of this behaviour:
react-bootstrap/react-bootstrap#2614

[YassienW]

Will be looking into this during the weekend