[GH-ISSUE #11260] issue: Sending Prompt Distorts Sub-Sequence Prompt Input Height in Firefox #54828

Closed
opened 2026-05-05 16:46:47 -05:00 by GiteaMirror · 4 comments
Owner

Originally created by @jxmai on GitHub (Mar 6, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/11260

Check Existing Issues

  • I have searched the existing issues and discussions.

Installation Method

Docker

Open WebUI Version

v0.5.19

Ollama Version (if applicable)

v0.5.13

Operating System

Ubuntu 24

Browser (if applicable)

Firefox 136.0

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 checked the browser console logs.
  • I have checked the Docker container logs.
  • I have listed steps to reproduce the bug in detail.

Expected Behavior

In Firefox, the input box should dynamically adjust its height to accommodate the expanding text content, ensuring proper alignment.

Image

Actual Behavior

After sending the first prompt using Ctrl+Enter, the input text box stops automatically resizing to fit the content.

Steps to Reproduce

  1. Go to OpenWebUI in Firefox.
  2. Type something in the prompt box.
  3. Press Ctrl + Enter to send your prompt.
  4. Type more into the prompt box.
  5. See that the box doesn't get taller anymore.
  6. The box only works correctly again after you refresh the page.

Logs & Screenshots

Image

Additional Information

No response

Originally created by @jxmai on GitHub (Mar 6, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/11260 ### Check Existing Issues - [x] I have searched the existing issues and discussions. ### Installation Method Docker ### Open WebUI Version v0.5.19 ### Ollama Version (if applicable) v0.5.13 ### Operating System Ubuntu 24 ### Browser (if applicable) Firefox 136.0 ### 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 checked the browser console logs. - [x] I have checked the Docker container logs. - [x] I have listed steps to reproduce the bug in detail. ### Expected Behavior In Firefox, the input box should dynamically adjust its height to accommodate the expanding text content, ensuring proper alignment. ![Image](https://github.com/user-attachments/assets/f29b79ab-2029-4c1f-828d-c0979887fc0b) ### Actual Behavior After sending the first prompt ~~using Ctrl+Enter~~, the input text box stops automatically resizing to fit the content. ### Steps to Reproduce 1. Go to OpenWebUI in Firefox. 2. Type something in the prompt box. 3. ~~Press Ctrl + Enter to~~ send your prompt. 4. Type more into the prompt box. 5. See that the box doesn't get taller anymore. 6. The box only works correctly again after you refresh the page. ### Logs & Screenshots ![Image](https://github.com/user-attachments/assets/c902ab36-d50f-475a-bc65-25c021055897) ### Additional Information _No response_
GiteaMirror added the bug label 2026-05-05 16:46:47 -05:00
Author
Owner

@tremlin commented on GitHub (Mar 10, 2025):

Thank you for your bug report. I can confirm this behavior in Firefox, but it doesn't have anything to do with the Ctrl-Enter send setting. It also occurs with the default setting for me.

I think the issue comes from https://github.com/open-webui/open-webui/commit/7c68a424f8
After submitting the prompt, this code adds a static height of 28px to the input box.
Chrome still grows the input box to the intended height (because of min-height: fit-content) whereas Firefox (136.0) does not adjust the height to the content.
You can see this by comparing the following simple HTML example in Chrome and Firefox (see also screenshots). I am not a CSS guru and don't know what the correct behavior is.

@tjbck Do you still remember why you added this change?

<html>
<div style="background-color: #0f0; width: 120px; height: 120px; min-height: fit-content">
<p style="background-color: #00f; width: 100px; height: 150px">
</p>
</div>
</html>

Image
Image
Image

<!-- gh-comment-id:2710417290 --> @tremlin commented on GitHub (Mar 10, 2025): Thank you for your bug report. I can confirm this behavior in Firefox, but it doesn't have anything to do with the Ctrl-Enter send setting. It also occurs with the default setting for me. I think the issue comes from https://github.com/open-webui/open-webui/commit/7c68a424f8 After submitting the prompt, this code adds a static height of 28px to the input box. Chrome still grows the input box to the intended height (because of `min-height: fit-content`) whereas Firefox (136.0) does not adjust the height to the content. You can see this by comparing the following simple HTML example in Chrome and Firefox (see also screenshots). I am not a CSS guru and don't know what the correct behavior is. @tjbck Do you still remember why you added this change? ``` <html> <div style="background-color: #0f0; width: 120px; height: 120px; min-height: fit-content"> <p style="background-color: #00f; width: 100px; height: 150px"> </p> </div> </html> ``` ![Image](https://github.com/user-attachments/assets/41a768ed-9b0b-4ee4-a545-8b36021c7be7) ![Image](https://github.com/user-attachments/assets/167ba3ac-5c40-485e-a0ef-5c4ccf5a66be) ![Image](https://github.com/user-attachments/assets/a519e658-ba79-4385-bbaf-9668b610f1e9)
Author
Owner

@jxmai commented on GitHub (Mar 10, 2025):

Hello @tremlin. That appears to be a red herring, as adding the Ctrl + Enter feature encourages us to send multi-line prompts more frequently. Thank you for investigating! I've updated the title to better reflect the defect.

I noticed that Chrome also calculates the height as 28px, but it doesn’t visibly affect the UI. In contrast, Firefox explicitly sets the chat Input box height to 28px as the CSS style, making the issue more noticeable.

@tjbck Could you please provide some insight as we noticed there's multiple commits related to the chatbox height adjustments. Thanks!

for example,

https://github.com/open-webui/open-webui/commit/7c68a424f82f32d7be4e59cfb2ee6552e3de9216

https://github.com/open-webui/open-webui/commit/2a5506a9cd192b132e79e0d0e6087c71fb3a5bbe

<!-- gh-comment-id:2711013980 --> @jxmai commented on GitHub (Mar 10, 2025): Hello @tremlin. That appears to be a red herring, as adding the Ctrl + Enter feature encourages us to send multi-line prompts more frequently. Thank you for investigating! I've updated the title to better reflect the defect. I noticed that Chrome also calculates the height as 28px, but it doesn’t visibly affect the UI. In contrast, Firefox explicitly sets the chat Input box height to 28px as the CSS style, making the issue more noticeable. @tjbck Could you please provide some insight as we noticed there's multiple commits related to the chatbox height adjustments. Thanks! for example, https://github.com/open-webui/open-webui/commit/7c68a424f82f32d7be4e59cfb2ee6552e3de9216 https://github.com/open-webui/open-webui/commit/2a5506a9cd192b132e79e0d0e6087c71fb3a5bbe
Author
Owner

@tjbck commented on GitHub (Mar 14, 2025):

Addressed with 74da9c4e54 on dev!

<!-- gh-comment-id:2724593478 --> @tjbck commented on GitHub (Mar 14, 2025): Addressed with 74da9c4e545df04a61cd019420a8f280e5b7e66d on dev!
Author
Owner

@jxmai commented on GitHub (Mar 14, 2025):

Thanks @tjbck and @tremlin! 🥇

<!-- gh-comment-id:2725063382 --> @jxmai commented on GitHub (Mar 14, 2025): Thanks @tjbck and @tremlin! 🥇
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#54828