diff --git a/server/public/home.html b/server/public/home.html index 045139a..10b577d 100644 --- a/server/public/home.html +++ b/server/public/home.html @@ -1069,11 +1069,9 @@ directly above the keyboard (no nav sandwiched between the text box and the keyboard). The panel then only needs to clear the home indicator. */ body.chat-open .rail{display:none;} - /* Composer clears the home indicator; when the keyboard opens, we lift it by the exact keyboard height - (--kb, set by the Keyboard plugin listener) so it sits right on top of the keyboard. There's no home - indicator while the keyboard is up, so --sab collapses to 0. */ - body.chat-open .content .panel{bottom:calc(var(--sab) + var(--kb));transition:bottom .2s ease;} - body.kb-open{--sab:0px;} + /* Composer clears the home indicator; @capacitor/keyboard resize:native shrinks the WebView when the + keyboard opens so this bottom edge lands right on top of the keyboard (no JS lift — that overshot). */ + body.chat-open .content .panel{bottom:var(--sab);} /* Native-style push/pop: the conversation slides in from the right when opened and slides back out when you go back, so navigation has a clear direction (like Teams/WhatsApp). */ @keyframes bzConvoIn{from{transform:translateX(100%);}to{transform:translateX(0);}} @@ -1112,7 +1110,7 @@ - // juggling here — we only tag so CSS can make small native-only tweaks if needed. (function(){ try{ var C=window.Capacitor; if(!C||!C.isNativePlatform||!C.isNativePlatform()) return; var p=(C.getPlatform&&C.getPlatform())||''; var r=document.documentElement; r.classList.add('native-app'); if(p) r.classList.add('native-'+p); - // Keyboard: native resize is a no-op here (the safe-area plugin's edge-to-edge overrides it), so we lift - // the composer ourselves by EXACTLY the keyboard height the plugin reports — a single, deterministic - // mover (config sets resize:none + offsetForKeyboardInsetBug:false so nothing else touches the layout). + // Keyboard: @capacitor/keyboard resize:native already lifts the composer to sit on the keyboard, so we + // do NOT add any JS lift (that double-lifted it up to the header). We only keep the thread pinned to the + // newest message when the keyboard appears. var KB=C.Plugins&&C.Plugins.Keyboard; - if(KB && KB.addListener){ - KB.addListener('keyboardWillShow', function(info){ var h=(info&&info.keyboardHeight)||0; r.style.setProperty('--kb', h+'px'); document.body.classList.add('kb-open'); }); - KB.addListener('keyboardDidShow', function(){ var b=document.getElementById('msgs'); if(b) b.scrollTop=b.scrollHeight; }); - KB.addListener('keyboardWillHide', function(){ r.style.setProperty('--kb','0px'); document.body.classList.remove('kb-open'); }); - } + if(KB && KB.addListener){ KB.addListener('keyboardDidShow', function(){ var b=document.getElementById('msgs'); if(b) b.scrollTop=b.scrollHeight; }); } }catch(_){} })();
Biz Connect
Loading…