Fix link bubble behaviour

Signed-off-by: As3r1408 <chavezpalpanaaronsamuel@gmail.com>

Author: As3r1408

src/components/Editor/PreviewOptions.vue

@@ -4,6 +4,7 @@
 -->
 <template>
 	<NcActions
+		ref="actions"
 		v-model="open"
 		data-text-link-options="select"
 		class="link-options"
@@ -16,15 +17,15 @@
 			data-text-preview-option="text-only"
 			name="preview-option"
 			value="text-only"
-			:modelValue="type"
+			:modelValue="selectedType"
 			@change="(e) => toggle(e.currentTarget.value)">
 			{{ t('text', 'Text only') }}
 		</NcActionRadio>
 		<NcActionRadio
 			data-text-preview-option="link-preview"
 			name="preview-option"
 			value="link-preview"
-			:modelValue="type"
+			:modelValue="selectedType"
 			@change="(e) => toggle(e.currentTarget.value)">
 			{{ t('text', 'Show link preview') }}
 		</NcActionRadio>
@@ -116,6 +117,7 @@ export default {
 	data() {
 		return {
 			open: false,
+			selectedType: this.type,
 		}
 	},
 
@@ -125,13 +127,21 @@ export default {
 		},
 	},
 
+	watch: {
+		type(value) {
+			this.selectedType = value
+		},
+
+	},
+
 	methods: {
 		onOpen() {
 			this.$emit('open')
 		},
 
-		toggle(type) {
-			this.open = false
+		async toggle(type) {
+			this.selectedType = type
+			await this.$refs.actions?.closeMenu(false)
 			this.$emit('toggle', type)
 		},
 

src/plugins/links.ts

@@ -109,6 +109,11 @@ export function linkBubble(options: { editor: Editor }) {
 				) {
 					return false
 				}
+
+				// Only show the link bubble while editing.
+				if (!view.editable) {
+					return false
+				}
 				const { state, dispatch } = view
 				const resolved = state.doc.resolve(pos)
 				return setActiveLink(resolved)(state, dispatch)
@@ -184,6 +189,10 @@ export function linkClicking(openLink: (href: string) => void = (href) => {
 					}
 
 					if (event.button === 0) {
+						// In editing mode, let the link bubble handle the click
+						if (view.editable && !event.ctrlKey && !event.metaKey) {
+							return false
+						}
 						// Stop browser from opening the link
 						event.preventDefault()
 
@@ -196,8 +205,8 @@ export function linkClicking(openLink: (href: string) => void = (href) => {
 								target?.scrollIntoView({ block: 'start', behavior: 'smooth' })
 							}
 							window.history.replaceState({}, '', url.href)
-						} else if (event.ctrlKey || event.metaKey) {
-							// Open link directly on Ctrl/Cmd + left click
+						} else {
+							// Open link directly on left click
 							openLink(linkEl.href)
 						}
 					}