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 ae003d54f9
commit c07cca4727

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();
}
}
}