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 @@ + + + + +