Fix code to move end of range more simply and safely
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
d026dce723
commit
f4f40ce558
1 changed files with 4 additions and 3 deletions
|
@ -182,15 +182,16 @@ export default class BasicMessageEditor extends React.Component<IProps, IState>
|
||||||
if (data) {
|
if (data) {
|
||||||
const { partCreator } = model;
|
const { partCreator } = model;
|
||||||
const moveStart = emoticonMatch[0][0] === " " ? 1 : 0;
|
const moveStart = emoticonMatch[0][0] === " " ? 1 : 0;
|
||||||
const moveEnd = emoticonMatch[0].length - emoticonMatch.length - moveStart;
|
|
||||||
|
|
||||||
// we need the range to only comprise of the emoticon
|
// we need the range to only comprise of the emoticon
|
||||||
// because we'll replace the whole range with an emoji,
|
// because we'll replace the whole range with an emoji,
|
||||||
// so move the start forward to the start of the emoticon.
|
// so move the start forward to the start of the emoticon.
|
||||||
// Take + 1 because index is reported without the possible preceding space.
|
// Take + 1 because index is reported without the possible preceding space.
|
||||||
range.moveStartForwards(emoticonMatch.index + moveStart);
|
range.moveStartForwards(emoticonMatch.index + moveStart);
|
||||||
// and move end backwards so that we don't replace the trailing space/newline
|
// If the end is a trailing space/newline move end backwards, so that we don't replace it
|
||||||
range.moveEndBackwards(moveEnd);
|
if (["\n", " "].includes(emoticonMatch[0][emoticonMatch[0].length - 1])) {
|
||||||
|
range.moveEndBackwards(1);
|
||||||
|
}
|
||||||
|
|
||||||
// this returns the amount of added/removed characters during the replace
|
// this returns the amount of added/removed characters during the replace
|
||||||
// so the caret position can be adjusted.
|
// so the caret position can be adjusted.
|
||||||
|
|
Loading…
Reference in a new issue