Editor line shift when inserting emoji

[hellow554]

As you can see, if one adds an emoji, the line gets slightly shifted downwards and therefore interferes with the next line

[shepmaster]

This is apparently a problem with Ace, as the demo on their website does the same. Can you check their repo for the root issue or any fixes?

[nightwing]

This is indeed a bug in ace. Line text shifts because line-height: normal changes based on font. As a temporary workaround until the next version of ace is released you can use

.ace_editor {
    line-height: 1.4;
}

or

function onChangeCharacterSize() {
    editor.renderer.scroller.style.lineHeight = editor.renderer.lineHeight + "px"
}
onChangeCharacterSize()
editor.renderer.on("changeCharacterSize", onChangeCharacterSize)

[shepmaster]

Resolved by upgrading Ace, thank you @nightwing! 😍