enh(links): close link bubble when opening preview toggle

Signed-off-by: Max <[email protected]>
nextcloud · Mar 19, 2024 · c06997c · c06997c
1 parent 12098aa
commit c06997c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/components/Editor/PreviewOptions.vue b/src/components/Editor/PreviewOptions.vue
@@ -20,7 +20,8 @@
   -
   -->
 <template>
-	<NcActions data-text-preview-options="select">
+	<NcActions data-text-preview-options="select"
+		@open="$emit('open')">
 		<template #icon>
 			<DotsVerticalIcon :size="20" />
 		</template>

diff --git a/src/extensions/LinkBubble.js b/src/extensions/LinkBubble.js
@@ -1,9 +1,17 @@
 import { Extension } from '@tiptap/core'
-import { linkBubble } from '../plugins/links.js'
+import { linkBubble, hideLinkBubble } from '../plugins/links.js'
 
 const LinkBubble = Extension.create({
 	name: 'linkViewBubble',
 
+	addCommands() {
+		return {
+			hideLinkBubble: () => ({ state, dispatch }) => {
+				return hideLinkBubble(state, dispatch)
+			},
+		}
+	},
+
 	addProseMirrorPlugins() {
 		return [
 			linkBubble({

diff --git a/src/nodes/ParagraphView.vue b/src/nodes/ParagraphView.vue
@@ -24,6 +24,7 @@
 	<NodeViewWrapper class="vue-component" as="p">
 		<PreviewOptions v-if="editor.isEditable && href"
 			:value.sync="value"
+			@open="editor.commands.hideLinkBubble()"
 			@update:value="convertToPreview" />
 		<NodeViewContent class="paragraph-content" />
 	</NodeViewWrapper>