From 416ce1db001fe5defbafa60978f235cbaaaad40c Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Wed, 18 Mar 2026 09:17:42 +0530
Subject: [PATCH] fix(UI): Avoid text selection while dragging a card

- Avoid text selection while dragging a card by using native drag
-  Center align text in the pill
---
 frappe/public/js/frappe/views/kanban/kanban_board.bundle.js | 4 ----
 frappe/public/scss/desk/tags.scss                           | 6 +++---
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/frappe/public/js/frappe/views/kanban/kanban_board.bundle.js b/frappe/public/js/frappe/views/kanban/kanban_board.bundle.js
index 671e543ab3..b8a7660a76 100644
--- a/frappe/public/js/frappe/views/kanban/kanban_board.bundle.js
+++ b/frappe/public/js/frappe/views/kanban/kanban_board.bundle.js
@@ -589,8 +589,6 @@ frappe.provide("frappe.views");
 				group: "cards",
 				animation: 150,
 				dataIdAttr: "data-name",
-				forceFallback: true,
-				fallbackTolerance: 20,
 				onStart: function () {
 					wrapper.find(".kanban-card.add-card").fadeOut(200, function () {
 						wrapper.find(".kanban-cards").height("100vh");
@@ -599,7 +597,6 @@ frappe.provide("frappe.views");
 				onEnd: function (e) {
 					wrapper.find(".kanban-card.add-card").fadeIn(100);
 					wrapper.find(".kanban-cards").height("auto");
-					// update order
 					const args = {
 						name: decodeURIComponent($(e.item).attr("data-name")),
 						from_colname: $(e.from)
@@ -611,7 +608,6 @@ frappe.provide("frappe.views");
 					};
 					store.dispatch("update_order_for_single_card", args);
 				},
-				onAdd: function () {},
 			});
 		}
 
diff --git a/frappe/public/scss/desk/tags.scss b/frappe/public/scss/desk/tags.scss
index 895206f140..a14da7c3bb 100644
--- a/frappe/public/scss/desk/tags.scss
+++ b/frappe/public/scss/desk/tags.scss
@@ -1,10 +1,10 @@
 .tag-pill {
 	background-color: var(--gray-200);
 	border-radius: var(--border-radius);
-	display: inline-block;
-	padding: 3px 10px;
+	display: inline-flex;
+	padding: 4px 10px;
+	align-items: center;
 	color: var(--text-muted);
-	height: 24px;
 	width: 60px;
 	vertical-align: middle;
 }