diff --git a/src/EditorFactory.js b/src/EditorFactory.js
index 46195e46ac4..ccf4e3171e5 100644
--- a/src/EditorFactory.js
+++ b/src/EditorFactory.js
@@ -33,7 +33,7 @@ import { translate as t } from '@nextcloud/l10n'
import { listLanguages, registerLanguage } from 'lowlight/lib/core.js'
import { emojiSearch } from '@nextcloud/vue/dist/Functions/emoji.js'
import { VueRenderer } from '@tiptap/vue-2'
-import EmojiList from './components/EmojiList.vue'
+import EmojiListWrapper from './components/EmojiListWrapper.vue'
import MentionSuggestion from './components/Mention/suggestion.js'
import tippy from 'tippy.js'
@@ -73,7 +73,7 @@ const createEditor = ({ content, onCreate, onUpdate, extensions, enableRichEditi
return {
onStart: props => {
- component = new VueRenderer(EmojiList, {
+ component = new VueRenderer(EmojiListWrapper, {
parent: this,
propsData: props,
})
@@ -98,7 +98,8 @@ const createEditor = ({ content, onCreate, onUpdate, extensions, enableRichEditi
onKeyDown(props) {
if (props.event.key === 'Escape') {
- popup[0].hide()
+ component.destroy()
+ popup[0].destroy()
return true
}
return component.ref?.onKeyDown(props)
diff --git a/src/components/EmojiListWrapper.vue b/src/components/EmojiListWrapper.vue
new file mode 100644
index 00000000000..a65dd2ef0ea
--- /dev/null
+++ b/src/components/EmojiListWrapper.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+