[GH-ISSUE #20722] issue: Mobile viewport doesn't resize when the keyboard appears #57939

Closed
opened 2026-05-05 21:59:08 -05:00 by GiteaMirror · 4 comments
Owner

Originally created by @alshdavid on GitHub (Jan 16, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/20722

Check Existing Issues

  • I have searched for any existing and/or related issues.
  • I have searched for any existing and/or related discussions.
  • I have also searched in the CLOSED issues AND CLOSED discussions and found no related items (your issue might already be addressed on the development branch!).
  • I am using the latest version of Open WebUI.

Installation Method

Docker

Open WebUI Version

v0.7.2

Ollama Version (if applicable)

No response

Operating System

Android

Browser (if applicable)

Chrome & Installed

Confirmation

  • I have read and followed all instructions in README.md.
  • I am using the latest version of both Open WebUI and Ollama.
  • I have included the browser console logs.
  • I have included the Docker container logs.
  • I have provided every relevant configuration, setting, and environment variable used in my setup.
  • I have clearly listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
  • I have documented step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation. My steps:
  • Start with the initial platform/version/OS and dependencies used,
  • Specify exact install/launch/configure commands,
  • List URLs visited, user input (incl. example values/emails/passwords if needed),
  • Describe all options and toggles enabled or changed,
  • Include any files or environmental changes,
  • Identify the expected and actual result at each stage,
  • Ensure any reasonably skilled user can follow and hit the same issue.

Expected Behavior

When the keyboard appears, I expect the chat window to resize (like other chat apps)

Actual Behavior

The viewport remains the same size and the keyboard pushes up the contents

Steps to Reproduce

Visit open-webuui on an android phone

Start a chat

Open the keyboard

Logs & Screenshots

https://github.com/user-attachments/assets/2d06d25f-5391-426e-81f6-b58104d5902d

Additional Information

I believe we use this css to resolve it these days

.container {
   height: 100dvh;
}
Originally created by @alshdavid on GitHub (Jan 16, 2026). Original GitHub issue: https://github.com/open-webui/open-webui/issues/20722 ### Check Existing Issues - [x] I have searched for any existing and/or related issues. - [x] I have searched for any existing and/or related discussions. - [x] I have also searched in the CLOSED issues AND CLOSED discussions and found no related items (your issue might already be addressed on the development branch!). - [x] I am using the latest version of Open WebUI. ### Installation Method Docker ### Open WebUI Version v0.7.2 ### Ollama Version (if applicable) _No response_ ### Operating System Android ### Browser (if applicable) Chrome & Installed ### Confirmation - [x] I have read and followed all instructions in `README.md`. - [x] I am using the latest version of **both** Open WebUI and Ollama. - [x] I have included the browser console logs. - [x] I have included the Docker container logs. - [x] I have **provided every relevant configuration, setting, and environment variable used in my setup.** - [x] I have clearly **listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup** (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc). - [x] I have documented **step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation**. My steps: - Start with the initial platform/version/OS and dependencies used, - Specify exact install/launch/configure commands, - List URLs visited, user input (incl. example values/emails/passwords if needed), - Describe all options and toggles enabled or changed, - Include any files or environmental changes, - Identify the expected and actual result at each stage, - Ensure any reasonably skilled user can follow and hit the same issue. ### Expected Behavior When the keyboard appears, I expect the chat window to resize (like other chat apps) ### Actual Behavior The viewport remains the same size and the keyboard pushes up the contents ### Steps to Reproduce Visit open-webuui on an android phone Start a chat Open the keyboard ### Logs & Screenshots https://github.com/user-attachments/assets/2d06d25f-5391-426e-81f6-b58104d5902d ### Additional Information I believe we use this css to resolve it these days ```css .container { height: 100dvh; } ```
GiteaMirror added the bug label 2026-05-05 21:59:08 -05:00
Author
Owner

@owui-terminator[bot] commented on GitHub (Jan 16, 2026):

🔍 Similar Issues Found

I found some existing issues that might be related to this one. Please check if any of these are duplicates or contain helpful solutions:

  1. #16851 issue: hiding keyboard in Web App mode in iOS does not resize window
    by appleamiga • Aug 23, 2025 • bug

  2. #20361 Issue: Large-scale model setting-related functionality fails.
    by shentong0722 • Jan 04, 2026 • bug


💡 Tips:

  • If this is a duplicate, please consider closing this issue and adding any additional details to the existing one
  • If you found a solution in any of these issues, please share it here to help others

This comment was generated automatically by a bot. Please react with a 👍 if this comment was helpful, or a 👎 if it was not.

<!-- gh-comment-id:3758825416 --> @owui-terminator[bot] commented on GitHub (Jan 16, 2026): 🔍 **Similar Issues Found** I found some existing issues that might be related to this one. Please check if any of these are duplicates or contain helpful solutions: 1. [#16851](https://github.com/open-webui/open-webui/issues/16851) **issue: hiding keyboard in Web App mode in iOS does not resize window** *by appleamiga • Aug 23, 2025 • `bug`* 2. [#20361](https://github.com/open-webui/open-webui/issues/20361) **Issue: Large-scale model setting-related functionality fails.** *by shentong0722 • Jan 04, 2026 • `bug`* --- 💡 **Tips:** - If this is a duplicate, please consider closing this issue and adding any additional details to the existing one - If you found a solution in any of these issues, please share it here to help others *This comment was generated automatically by a bot.* Please react with a 👍 if this comment was helpful, or a 👎 if it was not.
Author
Owner

@alshdavid commented on GitHub (Jan 17, 2026):

I poked around the FE sources but couldn't make heads-or-tails of them.

Trying to be helpful, I created a basic repo that illustrates how to resolve the issue.

https://alshdavid.github.io/chat-frontend
https://github.com/alshdavid/chat-frontend

<!-- gh-comment-id:3762466896 --> @alshdavid commented on GitHub (Jan 17, 2026): I poked around the FE sources but couldn't make heads-or-tails of them. Trying to be helpful, I created a basic repo that illustrates how to resolve the issue. https://alshdavid.github.io/chat-frontend https://github.com/alshdavid/chat-frontend
Author
Owner

@silentoplayz commented on GitHub (Jan 18, 2026):

Related (Android keyboard) - https://github.com/open-webui/open-webui/issues/14010

<!-- gh-comment-id:3765023817 --> @silentoplayz commented on GitHub (Jan 18, 2026): Related (Android keyboard) - https://github.com/open-webui/open-webui/issues/14010
Author
Owner

@alshdavid commented on GitHub (Jan 20, 2026):

I sort of went on a tangent and created a lightweight frontend for LLMs behind an OpenAI API.

I've resolved the keyboard issue and added a bunch of animations, hopefully there are some ideas here that can be adopted by open-webui.

https://github.com/user-attachments/assets/ea1e7bc9-cd59-465b-b97f-6dd90725b13e

<!-- gh-comment-id:3770797744 --> @alshdavid commented on GitHub (Jan 20, 2026): I sort of went on a tangent and created a lightweight frontend for LLMs behind an OpenAI API. I've resolved the keyboard issue and added a bunch of animations, hopefully there are some ideas here that can be adopted by open-webui. https://github.com/user-attachments/assets/ea1e7bc9-cd59-465b-b97f-6dd90725b13e
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#57939