bug: page footer expansion obstructs text and UI/UX buttons hidden behind it

[silentoplayz]

Bug Report

Description

Bug Summary:

It appears the entire footer is expanded with the messagebox itself, hence responses being cut off in chats along with buttons hidden behind the expanded footer.

Steps to Reproduce:
2. Choose a local or external large language model in the model dropdown to begin chatting with.
3. Send enough queries to where a scrollbar is created & required for the chat itself.
4. Paste in some chunky text (enough lines) in the message box.
5. The entire footer area appears to expand with the messagebox, resulting in the text and UI/UX buttons being cut off from being displayed on the screen correctly.

Expected Behavior:

• The footer should not expand in size when the messagebox expands in size.

Actual Behavior:

• When displaying a message box, the text content is truncated and buttons are not made fully visible.

Environment

• Open WebUI Version: v0.1.124 (latest)
• Ollama: v0.1.37
• Operating System: Windows 11 Pro Insider Preview (Edition) - Version: 22H2 - Installed on: February 4, 2024 - OS build: 23620.1000 - Experience: Windows Feature Experience Pack 1000.23620.1000.0
• Browser: Firefox v125.0.3 (64-bit)

Reproduction Details

Confirmation:

• I have read and followed all the instructions provided in the README.md.
• I am on the latest version of both Open WebUI and Ollama.
• I have included the browser console logs.
• I have included the Docker container logs.

Logs and Screenshots

Browser Console Logs:

• N/A

Docker Container Logs:

• N/A

Installation Method

Docker Desktop via docker-compose.yml file for Open WebUI, Ollama is running natively on Windows with the Windows (Preview) version.

Additional Information

• Attaching an image causes Llama 3's response to be pushed higher up on the screen, but no additional information is revealed.

Note

If the bug report is incomplete or does not follow the provided instructions, it may not be addressed. Please ensure that you have followed the steps outlined in the README.md and troubleshooting.md documents, and provide all necessary information for us to reproduce and address the issue. Thank you!

[tjbck]

Closing in favour of #2504

[gamepad-coder]

I came to report the same thing.

However since there's a workaround on desktop, but no workaround on mobile for Firefox (always totally broken right now), I created a dedicated issue to CSS patch mobile here:

• #2587 bug: CSS patch needed, Android Firefox totally unable to click response buttons

---

Note

The patch that this #2231 was closed in favor of

• #2504 ui: Scrollbar for the chat conversations goes behind the Message Box

may or may not also resolve my #2587 above, depending on how it's implemented.

So I'd recommend keeping #2587 open until we confirm that basic mobile functionality is unblocked.

[gamepad-coder]

✅ Totally patched 🎉