Use innerhtml

MaxwellBo · Jan 7, 2025 · 6c926af · 6c926af
1 parent d0b33c8
commit 6c926af
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/bibhtml/deno.json b/bibhtml/deno.json
@@ -1,6 +1,6 @@
 {
   "name": "@celine/bibhtml",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "license": "MIT",
   "exports": "./mod.ts"
 }
diff --git a/bibhtml/index.html b/bibhtml/index.html
@@ -107,7 +107,7 @@ <h1>@celine/bibhtml</h1>
         <th>JSR</th>
         <td class="width-auto"><a href="https://jsr.io/@celine/bibhtml">jsr.io/<wbr>@celine/<wbr>bibhtml</a> + <a href="https://jsr.io/@celine/bibhtml/doc">/docs</a></td>
         <th>Version</th>
-        <td class="width-min"><a href="https://jsr.io/@celine/bibhtml/versions" id="version">3.4.0</a>, <time  id="updated">Nov 29 2024</time></td>
+        <td class="width-min"><a href="https://jsr.io/@celine/bibhtml/versions" id="version">3.5.0</a>, <time  id="updated">Nov 29 2024</time></td>
       </tr>
       <script type="module">
         fetch("https://npm.jsr.io/@jsr/celine__bibhtml")
@@ -129,7 +129,7 @@ <h2>Installation</h2>
     Add the following script to your HTML file's <code>&lt;head&gt;</code> element:
   </p>
 
-  <div id="import-container"><script type="module" src="https://esm.sh/jsr/@celine/bibhtml@3.4.0"></script></div>
+  <div id="import-container"><script type="module" src="https://esm.sh/jsr/@celine/bibhtml@3.5.0"></script></div>
 
   <script id="import" type="module">
     celine.cell("import", () => {

diff --git a/bibhtml/mod.ts b/bibhtml/mod.ts
@@ -159,7 +159,7 @@ export class BibhtmlCite extends HTMLElement {
     const ref = bibliography._refIdToReference.get(this.refId);
     if (ref) {
       const tooltip = document.createElement('span');
-      tooltip.textContent = ref.shadowRoot?.innerHTML || ref.innerHTML || '';
+      tooltip.innerHTML = ref.shadowRoot?.innerHTML || ref.innerHTML || '';
       tooltip.style.position = 'absolute';
       tooltip.style.backgroundColor = 'white';
       tooltip.style.border = '1px solid black';