From 9843c7a48d5196bda55a799d13bc5c1434f9a548 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 30 Jan 2026 18:37:45 +0100
Subject: [PATCH] wip #7868 @0.5

---
 .../linkeditor-stable/js/linkeditor.form.js   | 26 ++++++++++++++++---
 .../linkeditor-stable/style/inc/_form.sass    |  5 ++++
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/resources/linkeditor-stable/js/linkeditor.form.js b/resources/linkeditor-stable/js/linkeditor.form.js
index 97e4ae5de..d4fcf16c3 100644
--- a/resources/linkeditor-stable/js/linkeditor.form.js
+++ b/resources/linkeditor-stable/js/linkeditor.form.js
@@ -55,6 +55,10 @@ LinkeditorForm.prototype = {
             return true;
         });
 
+        $(document).on('change keyup keydown', '#linkeditor-panel-form [name="to"]', function () {
+            $this.updateShortLinks();
+        });
+
         setInterval(function () {
             if ($(document.activeElement).is('.sp-input')) {
                 var v = $(document.activeElement).val();
@@ -277,23 +281,37 @@ LinkeditorForm.prototype = {
         $(form).data('link', link);
         $(form).find('.init-tooltip').removeClass('init-tooltip');
         this.updateFormData(form);
-        if (SHORTENED_LINKS[$(form).find('[name="to"]').val()] !== undefined) {
-            $(form).find('[name="to"]').after('<p class="help-block">' + TRANSLATIONS['short_link'] + ': <strong>' + SHORTENED_LINKS[$(form).find('[name="to"]').val()] + '</strong></p>');
-        }
 
         container.append(form);
+
+        this.updateShortLinks();
         this.linkeditor.initTooltips();
 
         this.initSpectrum();
         $(".bunchmultiple").bunchmultiple();
         this.initSelect2();
 
-
         if ($(link).is('.new')) {
             this.focusAndSelectDestinationField();
         }
     },
 
+    updateShortLinks: function () {
+        let fto = $('#linkeditor-panel-form').find('[name="to"]');
+        console.log(fto);
+        if (fto.length === 0) {
+            return;
+        }
+        let val = $(fto).val();
+        if (SHORTENED_LINKS[val] !== undefined) {
+            $(fto).after('<p class="help-block">' + TRANSLATIONS.short_link + ': <strong><a href="' + SHORTENED_LINKS[val] + '" target="_blank">' + SHORTENED_LINKS[val].replace('https://', '') + '</a></strong></p>');
+            $(fto).addClass('short');
+        } else {
+            $(fto).next('.help-block').remove();
+            $(fto).removeClass('short');
+        }
+    },
+
     updateFormData: function (form) {
         var $this = this;
         try {
diff --git a/resources/linkeditor-stable/style/inc/_form.sass b/resources/linkeditor-stable/style/inc/_form.sass
index d880237a5..52c9d9ab3 100644
--- a/resources/linkeditor-stable/style/inc/_form.sass
+++ b/resources/linkeditor-stable/style/inc/_form.sass
@@ -135,6 +135,11 @@ button
         padding-top: 2px
         white-space: normal
 
+        a
+            color: var(--form-text-color)
+            text-decoration: underline
+
+
     .freefile-file
         position: relative
 
-- 
2.39.5