From 59f0eb657b0d18e82ec8dcca9ce7f3efc3c256f3 Mon Sep 17 00:00:00 2001
From: Ilian Sapundshiev <ilian@tagspaces.org>
Date: Tue, 18 Jun 2024 14:42:54 +0200
Subject: [PATCH] chore: improving handling of images with srcset

---
 src/ui/popup.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/ui/popup.js b/src/ui/popup.js
index 9a8a49d..6fc4d0f 100644
--- a/src/ui/popup.js
+++ b/src/ui/popup.js
@@ -397,9 +397,17 @@ function updatePreviewArea(htmlContent) {
     // console.log("srcset: " + source.srcset);
     source.setAttribute("srcset", "");
   }
+
+  // Fix svg icons shown in full width
+  const allSVGs = previewHtmlEl.getElementsByTagName("svg");
+  for (const svg of allSVGs) {
+    svg.style.maxWidth = "100px"; // svg.getAttribute("naturalWidth");
+  }
+
   const allImages = previewHtmlEl.getElementsByTagName("img");
   for (const img of allImages) {
     const imgSrc = img.getAttribute("src");
+    // img.setAttribute("width", img.getAttribute("naturalWidth"));
     if (
       imgSrc.startsWith("file:") ||
       imgSrc.startsWith("http") ||
@@ -414,6 +422,12 @@ function updatePreviewArea(htmlContent) {
     } else {
       img.setAttribute("src", documentBaseUri.pathBase + "/" + imgSrc);
     }
+    // remove unneeded img attributes
+    // todo use the biggest image in the srcset
+    img.removeAttribute("srcset");
+    img.removeAttribute("data-srcset");
+    img.removeAttribute("sizes");
+    img.removeAttribute("loading");
   }
   let styleEl = previewEl.contentDocument.createElement("style");
   styleEl.type = "text/css";