From ed38ac3d10d96a019e5febe5594e09a689697e86 Mon Sep 17 00:00:00 2001
From: indigane <indigane@users.noreply.github.com>
Date: Mon, 8 Aug 2022 20:27:26 +0300
Subject: [PATCH] Fix empty card texts with images, fix dimensions for shared
 image card results

---
 card-sort.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/card-sort.html b/card-sort.html
index 27695e0..130234c 100644
--- a/card-sort.html
+++ b/card-sort.html
@@ -288,6 +288,7 @@
       function createCard(text, categoryGrid) {
         const targetGrid = categoryGrid || uncategorizedCardsGrid;
         const itemElement = document.importNode(cardTemplate.content.children[0], true);
+        const cardElement = itemElement.querySelector('.card');
         const hasImage = text.match(cardImageRegex);
         if (hasImage) {
           const [textBefore, imageUrl, textAfter] = text.split(cardImageRegex);
@@ -300,7 +301,7 @@
           }
           const imageElement = document.createElement('img');
           imageElement.className = 'card-image';
-          imageElement.onload = () => uncategorizedCardsGrid.refreshItems().layout();
+          imageElement.onload = () => targetGrid.refreshItems().layout();
           imageElement.src = imageUrl;
           cardChildElements.push(imageElement);
           if (textAfter.trim()) {
@@ -309,11 +310,12 @@
             span.appendChild(document.createTextNode(textAfter));
             cardChildElements.push(span);
           }
-          itemElement.querySelector('.card').replaceChildren(...cardChildElements);
+          cardElement.replaceChildren(...cardChildElements);
         }
         else {
-          itemElement.querySelector('.card').textContent = text;
+          cardElement.textContent = text;
         }
+        cardElement.setAttribute('data-text', text);
         targetGrid.show(
           targetGrid.add([itemElement], {
             active: false,
@@ -389,12 +391,12 @@
           }
           data[categoryName] = [];
           for (const cardElement of categoryElement.querySelectorAll('.card')) {
-            data[categoryName].push(cardElement.textContent);
+            data[categoryName].push(cardElement.getAttribute('data-text'));
           }
         }
         data[uncategorizedKey] = [];
         for (const cardElement of document.querySelectorAll('.uncategorized-cards .card')) {
-          data[uncategorizedKey].push(cardElement.textContent);
+          data[uncategorizedKey].push(cardElement.getAttribute('data-text'));
         }
         data[settingsFlagsKey] = saveSettings(settings);
       }