From b35c95a5bedb959d253ec05073e90481c08db2b5 Mon Sep 17 00:00:00 2001 From: sravan Date: Fri, 7 Aug 2026 10:44:29 +0530 Subject: [PATCH] Fix: shared screen no longer overlaps the meeting controls MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit scr-full forced #meetGrid to height:100%, so the stage (and the native video positioned on its rect) extended down over the control bar. The grid is already flex:1 — it should fill only the space above the bar. Now the stage flexes to fill that area (flex:1 1 auto) instead of height:100%, so the native screen view sits above the controls, not over them. Co-Authored-By: Claude Opus 4.8 --- server/public/home.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/server/public/home.html b/server/public/home.html index 6c68d93..10e342c 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -412,8 +412,10 @@ .meet-grid.sharing-mode .meet-tile.sharing:not(.stage)::after{content:"Click to view";position:absolute;left:0;right:0;bottom:0;font-size:.58rem;text-align:center;background:rgba(37,99,235,.88);color:#fff;padding:1px 0;} /* Native call: a shared screen should DOMINATE — fill the whole meeting area and hide the small participant tiles (the plugin renders the screen natively over this stage rect; pinch-to-zoom happens there). */ - .meet-grid.sharing-mode.scr-full{height:100%;} - .meet-grid.sharing-mode.scr-full .meet-tile.stage{width:100%;height:100%;min-height:0;} + /* stay flex:1 (fill only the space ABOVE the control bar — height:100% pushed the stage over the bar); + the stage flexes to fill that area, participants hidden. */ + .meet-grid.sharing-mode.scr-full{flex-flow:column;min-height:0;} + .meet-grid.sharing-mode.scr-full .meet-tile.stage{width:100%;height:auto;flex:1 1 auto;min-height:0;} .meet-grid.sharing-mode.scr-full .meet-tile:not(.stage){display:none;} @media (max-width:760px){ .meet-grid.sharing-mode{flex-flow:row wrap;height:auto;}