/* ============================================= keyboard-safe.css – iOS virtual-keyboard fix ============================================= Works together with keyboard-safe.js which sets the CSS variable --keyboard-offset on whenever the iOS keyboard is visible. Strategy: we push --keyboard-offset as padding-bottom on .chat-view so the flex layout recalculates and .chat-input stays visible. No position:fixed needed – the flex column handles everything. ============================================= */ :root { --keyboard-offset: 0px; } /* When keyboard is open, add class for extra specificity */ html.keyboard-open .chat-view { padding-bottom: var(--keyboard-offset) !important; } /* Prevent iOS 'bounce' and address-bar weirdness */ html.keyboard-open, html.keyboard-open body { overflow: hidden !important; position: fixed !important; width: 100% !important; }