Add/Edit Link dialog: link text/url don't display in dialog after cop…

…y/paste, and cursor doesn't change focus. (#19190)

* Fix text/URL selection

Co-authored-by: RubensRafael <rubensrafael2@live.com>

* Add changeset

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>

* Tweak changeset

---------

Co-authored-by: RubensRafael <rubensrafael2@live.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>

.changeset/new-frogs-destroy.md

@@ -0,0 +1,5 @@
+---
+'@directus/app': patch
+---
+
+Fixed issue that would prevent the existing url selection from showing up in the link editing modal in the WYSIWYG interface

app/src/interfaces/input-rich-text-html/input-rich-text-html.vue

@@ -29,7 +29,7 @@
 					<div class="grid">
 						<div class="field">
 							<div class="type-label">{{ t('url') }}</div>
-							<v-input v-model="linkSelection.url" :placeholder="t('url_placeholder')"></v-input>
+							<v-input v-model="linkSelection.url" :placeholder="t('url_placeholder')" autofocus></v-input>
 						</div>
 						<div class="field">
 							<div class="type-label">{{ t('display_text') }}</div>

app/src/interfaces/input-rich-text-html/useLink.ts

@@ -67,8 +67,14 @@ export default function useLink(editor: Ref<any>): UsableLink {
 					newTab: target === '_blank',
 				};
 			} else {
-				const overrideLinkSelection = { displayText: editor.value.selection.getContent() || null };
-				setLinkSelection(overrideLinkSelection);
+				const selectedContent = editor.value.selection.getContent();
+
+				try {
+					const url = new URL(selectedContent).toString();
+					setLinkSelection({ url });
+				} catch {
+					setLinkSelection({ displayText: selectedContent || null });
+				}
 			}
 		},
 		onSetup: (buttonApi: any) => {