[6.x] Debounce LinkFieldtype URL writes (#14584)

Co-authored-by: Waldemar Pankratz <waldemar.pankratz@voll.digital>
Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: 3 people

resources/js/components/fieldtypes/LinkFieldtype.vue

@@ -40,6 +40,8 @@
 <script>
 import Fieldtype from './Fieldtype.vue';
 import { Input, Select } from '@/components/ui';
+import debounce from '@/util/debounce.js';
+import { markRaw } from 'vue';
 
 export default {
     components: { Input, Text, Select },
@@ -60,6 +62,13 @@ export default {
         };
     },
 
+    created() {
+        this.syncUrlDebounced = markRaw(debounce((url) => {
+            this.update(url);
+            this.updateMeta({ ...this.meta, initialUrl: url });
+        }, 150));
+    },
+
     computed: {
         entryValue() {
             return this.selectedEntries.length ? `entry::${this.selectedEntries[0]}` : null;
@@ -116,12 +125,11 @@ export default {
 
         urlValue(url) {
             if (this.metaChanging) return;
-
-            this.update(url);
-            this.updateMeta({ ...this.meta, initialUrl: url });
+            this.syncUrlDebounced(url);
         },
 
         meta(meta, oldMeta) {
+            if (meta === oldMeta) return;
             if (JSON.stringify(meta) === JSON.stringify(oldMeta)) return;
 
             this.metaChanging = true;