mirror of
https://github.com/open-webui/open-webui.git
synced 2026-11-09 10:50:35 -06:00
[GH-ISSUE #11260] issue: Sending Prompt Distorts Sub-Sequence Prompt Input Height in Firefox #54828
Reference in New Issue
Block a user
Originally created by @jxmai on GitHub (Mar 6, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/11260
Check Existing Issues
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
README.md.Expected Behavior
In Firefox, the input box should dynamically adjust its height to accommodate the expanding text content, ensuring proper alignment.
Actual Behavior
After sending the first prompt
using Ctrl+Enter, the input text box stops automatically resizing to fit the content.Steps to Reproduce
Press Ctrl + Enter tosend your prompt.Logs & Screenshots
Additional Information
No response
@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?
@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
@tjbck commented on GitHub (Mar 14, 2025):
Addressed with
74da9c4e54on dev!@jxmai commented on GitHub (Mar 14, 2025):
Thanks @tjbck and @tremlin! 🥇