diff --git a/src/List.svelte b/src/List.svelte
index 818f8954..5adade20 100644
--- a/src/List.svelte
+++ b/src/List.svelte
@@ -41,7 +41,8 @@
       {#each realItems as realItem}
         <li>
           <a
-            href="null"
+            data-href={realItem.to.split("/").last()}
+            href={realItem.to.split("/").last()}
             class={realItem.cls}
             on:click={async () => openLink(realItem)}
             on:mouseover={hoverPreview}
@@ -62,7 +63,8 @@
       {#each impliedItems as impliedItem}
         <li class="breadcrumbs-implied">
           <a
-            href="null"
+            data-href={impliedItem.to.split("/").last()}
+            href={impliedItem.to.split("/").last()}
             class={impliedItem.cls}
             on:click={async () => openLink(impliedItem)}
             on:mouseover={hoverPreview}
diff --git a/src/Square.svelte b/src/Square.svelte
index 424bf5cd..a414eb79 100644
--- a/src/Square.svelte
+++ b/src/Square.svelte
@@ -40,11 +40,13 @@
       {#each realItems as realItem}
         <li>
           <a
-            href="null"
+            data-href={realItem.to.split("/").last()}
+            href={realItem.to.split("/").last()}
             class={realItem.cls}
             on:click={async () => openLink(realItem)}
             on:mouseover={hoverPreview}
-            >{realItem.to.split("/").last()}
+          >
+            {realItem.to.split("/").last()}
           </a>
         </li>
       {/each}
@@ -59,7 +61,8 @@
       {#each impliedItems as impliedItem}
         <li class="breadcrumbs-implied">
           <a
-            href="null"
+            data-href={impliedItem.to.split("/").last()}
+            href={impliedItem.to.split("/").last()}
             class={impliedItem.cls}
             on:click={async () => openLink(impliedItem)}
             on:mouseover={hoverPreview}