From 71bb97be13eb4f59832b17797c1e06e98684e1e0 Mon Sep 17 00:00:00 2001
From: Meleki <meleki@gott.local>
Date: Sun, 1 Mar 2026 21:40:15 +0100
Subject: [PATCH] =?UTF-8?q?Fix:=20Krea-Thumbnails=20mit=20fester=20H=C3=B6?=
 =?UTF-8?q?he=20statt=20scrollDown-Listener?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- _scrollOnImages() komplett entfernt (verursachte ungewolltes Runterscrollen)
- .krea-ref: feste Höhe 240px + min-width 240px + Placeholder-Hintergrund
- .krea-thumb: width/height 100% mit object-fit contain
- Browser reserviert Platz vor dem Laden → kein Layout-Shift
---
 wwwroot/css/chat.css |  7 +++++--
 wwwroot/js/ui.js     | 12 ------------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css
index ca61051..dafc8c3 100644
--- a/wwwroot/css/chat.css
+++ b/wwwroot/css/chat.css
@@ -644,6 +644,9 @@
   border-radius: var(--border-radius);
   overflow: hidden;
   vertical-align: middle;
+  min-width: 240px;
+  height: 240px;
+  background: var(--f1-bg);
 }
 
 .krea-ref:hover {
@@ -652,8 +655,8 @@
 
 .krea-thumb {
   display: block;
-  max-width: 320px !important;
-  max-height: 240px;
+  width: 100%;
+  height: 100%;
   object-fit: contain;
 }
 
diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js
index 58e825d..83e0192 100644
--- a/wwwroot/js/ui.js
+++ b/wwwroot/js/ui.js
@@ -79,16 +79,6 @@ function scrollDown() {
   });
 }
 
-function _scrollOnImages(container) {
-  var imgs = container.querySelectorAll('img');
-  for (var i = 0; i < imgs.length; i++) {
-    if (!imgs[i].complete) {
-      imgs[i].addEventListener('load', scrollDown);
-      imgs[i].addEventListener('error', scrollDown);
-    }
-  }
-}
-
 function esc(s) {
   const d = document.createElement('div');
   d.textContent = s;
@@ -244,7 +234,6 @@ function addAssistantBubble(text, timestamp = '', messageId = null, isMarked = f
   if (messageId) div.dataset.messageId = messageId;
   div.innerHTML = renderMarkdown(text);
   wrapKreaGalleries(div);
-  _scrollOnImages(div);
   _addReplyButton(div);
   _addMarkButton(div, messageId, isMarked);
   chatEl().appendChild(div);
@@ -310,7 +299,6 @@ function endStreamBubble() {
     else {
       _streamDiv.innerHTML = renderMarkdown(_streamText);
       wrapKreaGalleries(_streamDiv);
-      _scrollOnImages(_streamDiv);
     }
   }
   _streamDiv = null;