chore: fix picture image handling

dotnet · Jan 3, 2024 · 8ef8934 · 8ef8934
1 parent 7ff0f0e
commit 8ef8934
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/templates/modern/src/markdown.ts b/templates/modern/src/markdown.ts
@@ -114,9 +114,18 @@ async function renderClickableImage() {
       const a = document.createElement('a')
       a.target = '_blank'
       a.rel = 'noopener noreferrer nofollow'
-      a.href = img.src
-      img.replaceWith(a)
-      a.appendChild(img)
+
+      if (img.parentElement.tagName === 'PICTURE') {
+        const picture = img.parentElement
+        picture.addEventListener('click', () => {
+          a.href = img.currentSrc
+          a.click()
+        })
+      } else {
+        a.href = img.src
+        img.replaceWith(a)
+        a.appendChild(img)
+      }
     }
 
     function shouldMakeClickable(): boolean {