diff --git a/frappe/public/js/frappe/form/controls/link.js b/frappe/public/js/frappe/form/controls/link.js
index 2c1b00a215..6823280b72 100644
--- a/frappe/public/js/frappe/form/controls/link.js
+++ b/frappe/public/js/frappe/form/controls/link.js
@@ -5,7 +5,6 @@
// custom queries
// add_fetches
import Awesomplete from "awesomplete";
-
frappe.ui.form.recent_link_validations = {};
frappe.ui.form.ControlLink = class ControlLink extends frappe.ui.form.ControlData {
@@ -15,6 +14,9 @@ frappe.ui.form.ControlLink = class ControlLink extends frappe.ui.form.ControlDat
$(`
+
+ ${frappe.utils.icon("close-alt", "xs")}
+
${frappe.utils.icon("arrow-right", "xs")}
@@ -23,6 +25,7 @@ frappe.ui.form.ControlLink = class ControlLink extends frappe.ui.form.ControlDat
this.$input_area = $(this.input_area);
this.$input = this.$input_area.find("input");
this.$link = this.$input_area.find(".link-btn");
+ this.$link_clear = this.$input_area.find(".btn-clear");
this.$link_open = this.$link.find(".btn-open");
this.set_input_attributes();
this.$input.on("focus", function () {
@@ -32,6 +35,10 @@ frappe.ui.form.ControlLink = class ControlLink extends frappe.ui.form.ControlDat
let name = me.get_input_value();
me.$link.toggle(true);
me.$link_open.attr("href", frappe.utils.get_form_link(doctype, name));
+ me.$link_clear.on("click", function () {
+ me.$input.val("").trigger("input");
+ me.$link.toggle(false);
+ });
}
if (!me.$input.val()) {
@@ -327,7 +334,6 @@ frappe.ui.form.ControlLink = class ControlLink extends frappe.ui.form.ControlDat
me.$input.cache[doctype][term] = r.message;
me.awesomplete.list = me.$input.cache[doctype][term];
me.toggle_href(doctype);
-
r.message.forEach((item) => {
frappe.utils.add_link_title(doctype, item.value, item.label);
});