diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/api/webapp.py')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/api/webapp.py | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/api/webapp.py b/packages/meshbay-hub/src/meshbay_hub/api/webapp.py index 0d9d1f8..05485e0 100644 --- a/packages/meshbay-hub/src/meshbay_hub/api/webapp.py +++ b/packages/meshbay-hub/src/meshbay_hub/api/webapp.py @@ -34,7 +34,7 @@ _ASSETS = ("style.css", "keyderive.js", "crypto.js", "transport.js", "app.js", # app.js or group-page.js, so a change to any of them is a change # to what the browser must fetch. "icon.js", "file-utils.js", "hub-client.js", "apps.js", - "source-merge.js", + "source-merge.js", "sticky.js", "chat-app.js", "files-app.js", "video-player.js", "video-app.js", "music-app.js", "music-player.js", "photos-app.js", "group-settings.js", "group-page.js", @@ -184,7 +184,15 @@ _HTML = """\ <html lang="en"> <head> <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> + <!-- `interactive-widget=resizes-content`: on Android the soft keyboard + shrinks the visual viewport and leaves the layout viewport alone, which + is the platform default. `position: sticky` anchors to the layout + viewport, so with a keyboard up the pinned header of a group or of + Search sits at a coordinate the reader can no longer see — it reads as + though it had scrolled away. This asks for the keyboard to resize the + layout viewport instead, so what is pinned stays where it is looked at. + Ignored by browsers that do not know it. --> + <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content"> <title>MeshBay</title> <link rel="stylesheet" href="/a/{v}/style.css"> </head> |