fix: handle anchor only links correctly

README.md

@@ -65,6 +65,11 @@ and it works with default textareas as well.</p>
 <p>Yes, absolutely. Just write (or paste) the URL into the Link field.</p>
 </details>
 
+<details>
+<summary><b>Can I create anchor only links?</b></summary>
+<p>It is possible to have anchor only links if you want to jump to a specific part of the same page you're currently editing - just leave the Link-Field empty and fill the Anchor-Field.</p>
+</details>
+
 <details>
 <summary><b>Can I customize the result list page title?</b></summary>
 <p>Yes, you can use the option <code>title</code> to build a title that fit your needs by using <a href="https://getkirby.com/docs/guide/blueprints/query-language">Kirby Query Language</a>.</p>

src/components/dialogs/EnhancedToolbarLinkDialog.vue

@@ -119,14 +119,21 @@ export default {
 		appendAnchor(href) {
 			let anchor = this.$refs.dialog.model.anchor;
 
+			if (!anchor) {
+				return href;
+			}
+
+			// ensure href to be defined, otherwise it would get concatenated
+			// to "undefined + #anchor" below
+			if (!href) {
+				href = "";
+			}
+
 			if (anchor.startsWith("#")) {
 				return href + anchor;
 			}
 
-			if (anchor) {
-				return href + "#" + anchor;
-			}
-			return href;
+			return href + "#" + anchor;
 		},
 		listener(evt) {
 			if (evt.detail.page !== null) {

src/components/dialogs/EnhancedToolbarWriterLinkDialog.vue

@@ -98,14 +98,21 @@ export default {
 		appendAnchor(href) {
 			let anchor = this.$refs.dialog.model.anchor;
 
-			if (anchor && anchor.startsWith("#")) {
-				return href + anchor;
+			if (!anchor) {
+				return href;
 			}
 
-			if (anchor && anchor) {
-				return href + "#" + anchor;
+			// ensure href to be defined, otherwise it would get concatenated
+			// to "undefined + #anchor" below
+			if (!href) {
+				href = "";
 			}
-			return href;
+
+			if (anchor.startsWith("#")) {
+				return href + anchor;
+			}
+
+			return href + "#" + anchor;
 		},
 		listener(evt) {
 			if (evt.detail.page === null) {