naps62-yoloandClaude Opus 4.8
d989a40772
ci / rust (push) Successful in 8m46s
On Android the soft keyboard overlaid the layout viewport and the browser auto-scrolled the document on focus, dragging the shell (and its special-key bar) to the top of the screen and forcing a manual scroll. - index.html: interactive-widget=resizes-content so Chrome resizes the layout viewport instead of overlaying the keyboard, killing the auto-scroll. - viewport.ts: mirror visualViewport.offsetTop into --app-top for iOS / older browsers that ignore interactive-widget and still scroll under the keyboard. - styles.css: translateY(--app-top) re-pins #app to the visible region. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
23 lines
951 B
HTML
23 lines
951 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content"
|
|
/>
|
|
<meta name="color-scheme" content="dark light" />
|
|
<meta name="theme-color" content="#1a1d24" media="(prefers-color-scheme: dark)" />
|
|
<meta name="theme-color" content="#fbfbfc" media="(prefers-color-scheme: light)" />
|
|
<title>maestro</title>
|
|
<link
|
|
rel="icon"
|
|
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%231a1d24'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%235fe3a1'/%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%235fe3a1' stroke-opacity='0.4' stroke-width='1.5'/%3E%3C/svg%3E"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|