From 339be4125560702f1dc1db1e4456de8f4f267474 Mon Sep 17 00:00:00 2001
From: Dominic Kempf <dominic.kempf@iwr.uni-heidelberg.de>
Date: Tue, 8 Oct 2024 10:20:57 +0200
Subject: [PATCH] Make Popover generation more robust

I used two different mechanisms for triggering.
---
 src/components/fields/Link.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/fields/Link.svelte b/src/components/fields/Link.svelte
index f58dea1..2d96614 100644
--- a/src/components/fields/Link.svelte
+++ b/src/components/fields/Link.svelte
@@ -1,4 +1,6 @@
 <script>
+  import { onMount } from "svelte";
+
   import { fieldData, hasField, standardHasAsset, selectStandardAsset } from "../../lib/easydbHelpers";
   import { dataLanguagesStore, pushSystemID, masksToRenderStore } from "../../lib/stores";
   import { A, Breadcrumb, BreadcrumbItem, Card, P, Popover } from "flowbite-svelte";
@@ -22,13 +24,14 @@
     return !($masksToRenderStore.includes(fdata._mask));
   }
 
+  onMount(() => {
+    detailViewComponent = import("../logic/DetailViewImpl.svelte");
+  });
+
   function handleClick() {
     if(!requiresPopover()) {
       pushSystemID(fdata._system_object_id);
     }
-    else {
-      detailViewComponent = import("../logic/DetailViewImpl.svelte");
-    }
   }
 
   function hasNontrivialPath() {
@@ -66,13 +69,13 @@
   {/if}
   {#if standardHasAsset(fdata)}
     <Card class="easydb-link max-w-full h-32" img={selectStandardAsset(fdata)} horizontal>
-      <A id="link" on:click={handleClick}>
+      <A id="link" href={null} on:click={handleClick}>
         {fdata["_standard"]["1"].text[$dataLanguagesStore[0]]}
       </A>
     </Card>
   {:else}
     <span class="easydb-link">
-      <A id="link" on:click={handleClick}>
+      <A id="link" href={null} on:click={handleClick}>
         {fdata["_standard"]["1"].text[$dataLanguagesStore[0]]}
       </A>
     </span>