archipelagoandClaude Opus 5
57628a2aa4
Operator-reported: keyboard opening in chat pads the tab bar and scrolls the page instead of scaling the chat window. Triage: neode-ui already ships interactive-widget=resizes-content + the --visual-viewport-height var, so mobile-web Chrome resizes correctly — but an Android WebView ignores that meta entirely, and the described pan-plus-padding is the adjustPan/edge-to-edge- without-IME-insets signature. Companion-side fix documented for handover in docs/companion-keyboard-viewport.md (manifest adjustResize, or IME insets when edge-to-edge, plus a chrome://inspect verification recipe). Web side gets the one real parity gap: AIUI's standalone index.html lacked the meta neode-ui has. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
31 lines
1.8 KiB
HTML
31 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="h-full overflow-hidden">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<!-- interactive-widget=resizes-content: when the soft keyboard opens,
|
|
Chrome (108+) resizes the LAYOUT viewport instead of only the visual
|
|
one, so window.innerHeight shrinks and full-height layouts scale to
|
|
the space above the keyboard rather than scrolling under it.
|
|
neode-ui's index.html already carries this; this adds parity for
|
|
AIUI's standalone mode. Ignored by iOS Safari and by Android WebView —
|
|
the companion app controls keyboard resize itself via
|
|
windowSoftInputMode/IME insets (see docs/companion-keyboard-viewport.md). -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content" />
|
|
<meta name="theme-color" content="#0a0a0a" media="(prefers-color-scheme: dark)" />
|
|
<meta name="theme-color" content="#faf9f6" media="(prefers-color-scheme: light)" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="apple-mobile-web-app-title" content="AIUI" />
|
|
<meta name="description" content="AI chat interface with rich content surfaces" />
|
|
<!-- CSP set via HTTP headers in production nginx — not in HTML meta to avoid breaking Vite HMR -->
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
|
|
<title>AIUI</title>
|
|
</head>
|
|
<body class="antialiased h-full overflow-hidden fixed w-full">
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|