Only scroll to the compose form if it's not horizontally in the viewport ()

Avoids jumping the scroll around vertically when giving it focus and
editing long toots.
This commit is contained in:
ThibG 2019-07-06 18:18:08 +02:00 committed by Eugen Rochko
parent 6abd849803
commit 16f348431b

View file

@ -117,7 +117,10 @@ class ComposeForm extends ImmutablePureComponent {
handleFocus = () => {
if (this.composeForm && !this.props.singleColumn) {
this.composeForm.scrollIntoView();
const { left, right } = this.composeForm.getBoundingClientRect();
if (left < 0 || right > (window.innerWidth || document.documentElement.clientWidth)) {
this.composeForm.scrollIntoView();
}
}
}