From a8979812fc567835f76a261d5976c70c8499fef6 Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Sat, 19 Oct 2024 13:00:38 +0530
Subject: [PATCH 1/3] fix: Avoid text selection while box resize

---
 frontend/src/components/BoxResizer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/BoxResizer.vue b/frontend/src/components/BoxResizer.vue
index b29a45cf..53a25e99 100644
--- a/frontend/src/components/BoxResizer.vue
+++ b/frontend/src/components/BoxResizer.vue
@@ -26,7 +26,7 @@
 	<div
 		class="pointer-events-auto absolute bottom-[-5px] right-[-5px] h-[12px] w-[12px] cursor-nwse-resize rounded-full border-[2.5px] border-blue-400 bg-white"
 		v-show="!resizing"
-		@mousedown.stop="handleBottomCornerResize" />
+		@mousedown.stop.prevent="handleBottomCornerResize" />
 </template>
 <script setup lang="ts">
 import { getNumberFromPx } from "@/utils/helpers";

From 82da0a8b7136a021ccd7b62c416ad49736dcfa6a Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Sat, 19 Oct 2024 13:01:30 +0530
Subject: [PATCH 2/3] fix: Show current color inside color selector

---
 frontend/src/components/Controls/ColorPicker.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Controls/ColorPicker.vue b/frontend/src/components/Controls/ColorPicker.vue
index 5933f991..9f935713 100644
--- a/frontend/src/components/Controls/ColorPicker.vue
+++ b/frontend/src/components/Controls/ColorPicker.vue
@@ -27,8 +27,8 @@
 					@click.prevent="setColor">
 					<div
 						ref="colorSelector"
-						@mousedown.stop="handleSelectorMove"
-						class="!before:bg-[currentColor] absolute rounded-full border border-black border-opacity-20 before:absolute before:h-full before:w-full before:rounded-full before:border-2 before:border-white after:absolute after:left-[2px] after:top-[2px] after:h-[calc(100%-4px)] after:w-[calc(100%-4px)] after:rounded-full after:border after:border-black after:border-opacity-20 after:bg-transparent"
+						@mousedown.stop.prevent="handleSelectorMove"
+						class="absolute rounded-full border border-black border-opacity-20 before:absolute before:h-full before:w-full before:rounded-full before:border-2 before:border-white before:!bg-[currentColor] after:absolute after:left-[2px] after:top-[2px] after:h-[calc(100%-4px)] after:w-[calc(100%-4px)] after:rounded-full after:border after:border-black after:border-opacity-20 after:bg-transparent"
 						:style="
 							{
 								height: '12px',

From d784bbea2de4c83acbd3b223a947e8e963a86ced Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Sat, 19 Oct 2024 13:02:46 +0530
Subject: [PATCH 3/3] fix: Setting link for selected text

---
 frontend/src/components/TextBlock.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/TextBlock.vue b/frontend/src/components/TextBlock.vue
index 6be20861..186f12c3 100644
--- a/frontend/src/components/TextBlock.vue
+++ b/frontend/src/components/TextBlock.vue
@@ -29,18 +29,18 @@
 			v-if="editor"
 			class="z-50 rounded-md border border-outline-gray-3 bg-surface-white p-1 text-lg text-text-icons-gray-9 shadow-2xl">
 			<div v-if="settingLink" class="flex">
-				<BuilderInput
+				<TextInput
 					v-model="textLink"
 					placeholder="https://example.com"
-					class="link-input w-56 text-sm"
+					class="link-input w-56 text-sm [&>input]:border-outline-gray-1 [&>input]:bg-surface-gray-2 [&>input]:text-text-icons-gray-8 [&>input]:hover:!border-outline-gray-2 [&>input]:hover:!bg-surface-gray-1 focus:[&>input]:border-outline-gray-3 focus:[&>input]:bg-surface-gray-1 focus:[&>input]:ring-outline-gray-3 [&>input]:focus-visible:bg-surface-gray-1"
 					@keydown.enter="
 						() => {
 							if (!linkInput) return;
-							setLink(linkInput?.getInputValue());
+							setLink(linkInput.el.value);
 						}
 					"
 					ref="linkInput" />
-				<BuilderButton @click="() => setLink(linkInput?.getInputValue())" class="ml-1">
+				<BuilderButton @click="() => setLink(linkInput?.el.value)" class="ml-1" variant="outline">
 					<FeatherIcon class="h-3 w-3" name="check" />
 				</BuilderButton>
 				<BuilderButton
@@ -131,7 +131,7 @@ import { Link } from "@tiptap/extension-link";
 import TextStyle from "@tiptap/extension-text-style";
 import StarterKit from "@tiptap/starter-kit";
 import { BubbleMenu, Editor, EditorContent, Extension } from "@tiptap/vue-3";
-import { Input } from "frappe-ui";
+import { TextInput } from "frappe-ui";
 import { Plugin, PluginKey } from "prosemirror-state";
 import { Ref, computed, inject, nextTick, onBeforeMount, onBeforeUnmount, ref, watch } from "vue";
 import StrikeThroughIcon from "./Icons/StrikeThrough.vue";
@@ -140,7 +140,7 @@ const store = useStore();
 const dataChanged = ref(false);
 const settingLink = ref(false);
 const textLink = ref("");
-const linkInput = ref(null) as Ref<typeof Input | null>;
+const linkInput = ref(null) as Ref<typeof TextInput | null>;
 const component = ref(null) as Ref<HTMLElement | null>;
 const overlayElement = document.querySelector("#overlay") as HTMLElement;
 let editor: Ref<Editor | null> = ref(null);