matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-07 10:46:24 +03:00
Code Activity

Merge pull request #4173 from matrix-org/jryans/chrome-compose-flicker

Browse Source 
Fix composer touch bar flickering on keypress in Chrome
This commit is contained in:
J. Ryan Stinnett
2020-03-04 14:54:34 +00:00
committed by GitHub
parent 847f92b86c 7ad8eeb906
commit 5da13ea253
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/editor/caret.js
View File

@@ -38,12 +38,27 @@ function setDocumentRangeSelection(editor, model, range) {
} }
export function setCaretPosition(editor, model, caretPosition) { export function setCaretPosition(editor, model, caretPosition) {
const sel = document.getSelection();
sel.removeAllRanges();
const range = document.createRange(); const range = document.createRange();
const {node, offset} = getNodeAndOffsetForPosition(editor, model, caretPosition); const {node, offset} = getNodeAndOffsetForPosition(editor, model, caretPosition);
range.setStart(node, offset); range.setStart(node, offset);
range.collapse(true); range.collapse(true);
const sel = document.getSelection();
if (sel.rangeCount === 1) {
const existingRange = sel.getRangeAt(0);
if (
existingRange.startContainer === range.startContainer &&
existingRange.startOffset === range.startOffset &&
existingRange.collapsed === range.collapsed
) {
// If the selection matches, it's important to leave it alone.
// Recreating the selection state in at least Chrome can cause
// strange side effects, like touch bar flickering on every key.
// See https://github.com/vector-im/riot-web/issues/9299
return;
}
}
sel.removeAllRanges();
sel.addRange(range); sel.addRange(range);
} }