@threadlabs/looma 0.16.2 → 0.16.4

package/vue/editor/index.js

@@ -495,6 +495,7 @@ var LoomaEditor = defineComponent({
 		});
 		const imageDelivery = createLoomaImageDeliveryController({ resolveAttributes: () => props.resolveImageAttributes });
 		let lastFocusedSelection = null;
+		let linkPressedSelection = null;
 		const rememberSelection = (instance) => {
 			if (!instance.isFocused) return;
 			const selection = instance.view.state.selection;
@@ -541,8 +542,10 @@ var LoomaEditor = defineComponent({
 			if (!instance || !props.editable) return;
 			const current = instance.state.selection;
 			const preserved = lastFocusedSelection?.text && lastFocusedSelection.from !== lastFocusedSelection.to ? lastFocusedSelection : null;
-			const from = current.empty && preserved ? preserved.from : current.from;
-			const to = current.empty && preserved ? preserved.to : current.to;
+			const selection = linkPressedSelection ?? (current.empty ? preserved : null);
+			linkPressedSelection = null;
+			const from = selection?.from ?? current.from;
+			const to = selection?.to ?? current.to;
 			const empty = from === to;
 			const existing = instance.isActive("link");
 			linkSelection = {
@@ -1084,6 +1087,13 @@ var LoomaEditor = defineComponent({
 					"data-active": instance.isActive("link") ? "true" : "false",
 					onPointerenter: () => showTool(linkAnchorId, "Link", false),
 					onPointerleave: hideTool,
+					onPointerdown: () => {
+						const selection = instance.state.selection;
+						linkPressedSelection = selection.empty ? null : {
+							from: selection.from,
+							to: selection.to
+						};
+					},
 					onFocusin: () => showTool(linkAnchorId, "Link", true),
 					onFocusout: hideTool
 				}, () => loomaIcon("link")),
@@ -1282,7 +1292,7 @@ var LoomaEditor = defineComponent({
 					class: "looma-editor__chip-popover",
 					open: chipOpen.value,
 					for: chipAnchorId,
-					placement: mobile.value ? "top-start" : "bottom-start",
+					placement: "bottom-start",
 					onClose: () => {
 						chipOpen.value = false;
 					}
@@ -1334,6 +1344,7 @@ var LoomaEditor = defineComponent({
 					onOpen: openLinkEditor,
 					onClose: () => {
 						linkOpen.value = false;
+						linkPressedSelection = null;
 					}
 				}, () => h("form", {
 					class: "looma-editor__link-form",