From 82d0154313a9bc19dbc0cde8e58a4ddc68be5fe8 Mon Sep 17 00:00:00 2001 From: sravan Date: Sun, 19 Jul 2026 01:04:40 +0530 Subject: [PATCH] =?UTF-8?q?mobile:=20kill=20the=20real=20slide=20hitch=20?= =?UTF-8?q?=E2=80=94=20stop=20reflowing=20the=20list=20column=20at=20slide?= =?UTF-8?q?-end=20(batch126)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Device log proved the residual 30-78ms end-of-slide hitch is NOT the content-layer demote (content stays promoted) and NOT the re-render (reconcile, longtasks:[]). It's the chat-list column flipping display:flex->none at transitionend, which reflows that whole subtree. Keep the list RENDERED behind the conversation (position:absolute; z-index:0; covered by the opaque content pane) instead of toggling display. Teardown now only clears transforms = no reflow. Co-Authored-By: Claude Opus 4.8 --- server/public/home.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/server/public/home.html b/server/public/home.html index b58ffa9..8071208 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -1076,7 +1076,7 @@ .meet-bar .code{flex:1 1 100%;font-size:.9rem;white-space:normal;word-break:break-word;text-align:center;background:var(--blue-soft);border-radius:8px;padding:.35rem .5rem;} /* Chat: one pane at a time (list, then the open conversation) */ .chatcol{width:100%;flex:1 1 100%;padding-top:var(--sat);padding-bottom:calc(60px + var(--sab));} - body.chat-open .chatcol{display:none;} + body.chat-open .chatcol{position:absolute;inset:0;z-index:0;} /* keep the list RENDERED behind the conversation (which covers it, z-index:2 + opaque bg) instead of display:none. Toggling the whole list subtree display:flex<->none at slide-end forced a full reflow = the residual 30-78ms end-of-slide hitch. Now teardown only clears transforms (no reflow). */ .content{display:none;} body.chat-open .content, .shell:not(.is-chat) .content{display:block;} /* Keep the conversation pane on its own GPU layer for the WHOLE time it's open (not just while the @@ -1145,7 +1145,7 @@ -