maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

prevent scroll jumps when using mention autocomplete (#15031)

Browse source
This commit is contained in:
Suzanne Aitchison 2021-10-12 13:06:27 +01:00 • committed by GitHub
parent 58243874f7
commit 70683d6d86
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/crayons/MentionAutocompleteTextArea/MentionAutocompleteTextArea.jsx
View file

@ -218,7 +218,7 @@ export const MentionAutocompleteTextArea = forwardRef(
// inputs. This check is necessary to prevent an issue in iOS browsers only.
// An additional check to see if the component can be focusable
// covers the use case for clicking on elements in the mention autocomplete list.
activeInput.focus();
activeInput.focus({ preventScroll: true });
activeInput.setSelectionRange(cursorPosition, cursorPosition - 1);
setFocusable(true);
}
@ -325,7 +325,7 @@ export const MentionAutocompleteTextArea = forwardRef(
plainTextArea,
comboboxTextArea,
});
plainTextArea.focus();
plainTextArea.focus({ preventScroll: true });
}
// Initialize the new text areas in the "non-autosuggest" state, hiding the combobox until a search begins