From 7f7ff8ba1fce457a5033b4b4d681afa99df001de Mon Sep 17 00:00:00 2001 From: sravan Date: Sat, 18 Jul 2026 17:34:31 +0530 Subject: [PATCH] fix(mobile): cap in-bubble image height (kills the stretch balloon) + sharper spike diagnostic MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Spike log showed bubbles ballooning to 3576-5684px (an image loading at natural ~2778px height before constraint). att-img is capped 240 but some image path wasn't — added .convo-msgs img/.bubble img max-height:340px as a blanket cap so no message can stretch the thread. Enhanced spike report to name the tall bubble's img (natural size, rendered height, computed max-height) to confirm. Build marker -> 2026-07-18-batch115. Co-Authored-By: Claude Opus 4.8 --- server/public/home.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/server/public/home.html b/server/public/home.html index 07be1dc..61cf672 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -645,6 +645,9 @@ .composer-row .sendbtn{flex:0 0 auto;align-self:flex-end;width:34px;height:34px;margin:1px;border:none;background:var(--brand);color:var(--ink);cursor:pointer;border-radius:50%;display:grid;place-items:center;} .composer-row .sendbtn:hover{background:var(--brand-d);} .att-img{max-width:240px;max-height:240px;border-radius:8px;display:block;margin:.15rem 0;} + /* Belt-and-suspenders: cap ANY image inside a message bubble so a message can never momentarily balloon + the thread to thousands of px while a large picture loads at its natural size (the "stretch" glitch). */ + .convo-msgs img,.bubble img{max-height:340px;max-width:100%;height:auto;} .att-file{display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.06);border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;color:inherit;text-decoration:none;font-size:.85rem;margin:.15rem 0;max-width:240px;} .att-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .bubble.mine .att-file{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);} @@ -1123,7 +1126,7 @@ -