diff --git a/radicale/web/internal_data/js/utils/url_text.js b/radicale/web/internal_data/js/utils/url_text.js index 004bdbbe..c05d22fa 100644 --- a/radicale/web/internal_data/js/utils/url_text.js +++ b/radicale/web/internal_data/js/utils/url_text.js @@ -38,6 +38,19 @@ export class UrlTextHandler { this._copyButton = copyButton; this._userIndex = -1; + // Only encode the URL if the entire text is selected. + this._element.addEventListener("copy", (event) => { + const selectedText = window.getSelection().toString(); + const totalText = this._element.value; + + // Check if the selected text length matches the total text length. + if (selectedText && selectedText.length === totalText.length) { + event.preventDefault(); + event.clipboardData.setData("text/plain", this._completedUrl); + } + // Allow default copying if only a part of the text is selected. + }); + this._element.addEventListener("focusin", () => { this._element.setSelectionRange(0, 99999); this._updateScroll(); @@ -88,7 +101,7 @@ export class UrlTextHandler { _oncopy() { if (!this._element.value) return; - navigator.clipboard.writeText(this._element.value).then(() => { + navigator.clipboard.writeText(this._completedUrl).then(() => { if (this._copyButton) { this._copyButton.classList.add("copied"); this._copyButton.title = "Copied!"; @@ -108,7 +121,8 @@ export class UrlTextHandler { * @param {string} href The href to set. */ setHref(href) { - this._element.value = completeHref(href); + this._completedUrl = completeHref(href); + this._element.value = decodeURIComponent(this._completedUrl); this._update_username_index(); this._updateScroll();