github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-05-06 10:58:17 -05:00
Code Issues 1.3k Packages Projects Releases 126 Wiki Activity

[PR #21979] [CLOSED] fix(ui): keep chat bubble widths stable with YAML/code blocks in widescreen #65230

New Issue
Closed
opened 2026-05-06 11:00:49 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-06 11:00:49 -05:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/21979
Author: @stablegenius49
Created: 2/28/2026
Status: ❌ Closed

Base: dev ← Head: fix/5975-widescreen-yaml-bubble-width-cla

📝 Commits (10+)

📊 Changes

4 files changed (+5 additions, -5 deletions)

View changed files

📝 src/lib/components/chat/Messages/Message.svelte (+1 -1)
📝 src/lib/components/chat/Messages/MultiResponseMessages.svelte (+1 -1)
📝 src/lib/components/chat/Messages/ResponseMessage.svelte (+1 -1)
📝 src/lib/components/chat/Messages/UserMessage.svelte (+2 -2)

📄 Description

Pull Request Checklist

  • Target branch: Verify that the pull request targets the dev branch. PRs targeting main will be immediately closed.
  • Description: Provide a concise description of the changes made in this pull request down below.
  • Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
  • Documentation: Add docs in Open WebUI Docs Repository. Document user-facing behavior, environment variables, public APIs/interfaces, or deployment steps.
  • Dependencies: No new/updated dependency.
  • Testing: Manual UI verification in a full local browser session is still needed; see notes below.
  • Agentic AI Code: This PR was AI-assisted, and then manually reviewed for scope/consistency.
  • Code review: Performed self-review for the changed files.
  • Design & Architecture: No new setting added; only layout constraint fix.
  • Git Hygiene: Atomic change focused on issue #5975.
  • Title Prefix: Uses fix prefix.

Changelog Entry

Description

  • Fixes inconsistent chat bubble width behavior in widescreen mode when rendering long YAML/code blocks.

Added

  • None.

Changed

  • Switched message wrapper classes from min-w-full to min-w-0 where appropriate so flex items can shrink correctly.

Deprecated

  • None.

Removed

  • None.

Fixed

  • Prevents bubble width jumping/expansion in widescreen + chat bubble layouts with long code/YAML content.

Security

  • None.

Breaking Changes

  • None.

Additional Information

  • Files changed:
    • src/lib/components/chat/Messages/Message.svelte
    • src/lib/components/chat/Messages/ResponseMessage.svelte
    • src/lib/components/chat/Messages/UserMessage.svelte
    • src/lib/components/chat/Messages/MultiResponseMessages.svelte
  • Root cause: min-w-full on flex children can force expansion with long unbroken content.
  • Resolution: use min-w-0 on wrappers so bubbles respect container width in widescreen mode.

Screenshots or Videos

  • Not attached yet (headless environment). Can add on request.

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), and I am providing my contributions under its terms.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/21979 **Author:** [@stablegenius49](https://github.com/stablegenius49) **Created:** 2/28/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `fix/5975-widescreen-yaml-bubble-width-cla` --- ### 📝 Commits (10+) - [`fe6783c`](https://github.com/open-webui/open-webui/commit/fe6783c16699911c7be17392596d579333fb110c) Merge pull request #19030 from open-webui/dev - [`fc05e0a`](https://github.com/open-webui/open-webui/commit/fc05e0a6c5d39da60b603b4d520f800d6e36f748) Merge pull request #19405 from open-webui/dev - [`e3faec6`](https://github.com/open-webui/open-webui/commit/e3faec62c58e3a83d89aa3df539feacefa125e0c) Merge pull request #19416 from open-webui/dev - [`9899293`](https://github.com/open-webui/open-webui/commit/9899293f050ad50ae12024cbebee7e018acd851e) Merge pull request #19448 from open-webui/dev - [`140605e`](https://github.com/open-webui/open-webui/commit/140605e660b8186a7d5c79fb3be6ffb147a2f498) Merge pull request #19462 from open-webui/dev - [`6f1486f`](https://github.com/open-webui/open-webui/commit/6f1486ffd0cb288d0e21f41845361924e0d742b3) Merge pull request #19466 from open-webui/dev - [`d95f533`](https://github.com/open-webui/open-webui/commit/d95f533214e3fe5beb5e41ec1f349940bc4c7043) Merge pull request #19729 from open-webui/dev - [`a727153`](https://github.com/open-webui/open-webui/commit/a7271532f8a38da46785afcaa7e65f9a45e7d753) 0.6.43 (#20093) - [`6adde20`](https://github.com/open-webui/open-webui/commit/6adde203cd292a9e3af9c64a2ae36b603fed096a) Merge pull request #20394 from open-webui/dev - [`f9b0534`](https://github.com/open-webui/open-webui/commit/f9b0534e0c442631d1cb7205169588b9b6204179) Merge pull request #20522 from open-webui/dev ### 📊 Changes **4 files changed** (+5 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Messages/Message.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/MultiResponseMessages.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/ResponseMessage.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/UserMessage.svelte` (+2 -2) </details> ### 📄 Description # Pull Request Checklist - [x] **Target branch:** Verify that the pull request targets the `dev` branch. **PRs targeting `main` will be immediately closed.** - [x] **Description:** Provide a concise description of the changes made in this pull request down below. - [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. - [ ] **Documentation:** Add docs in [Open WebUI Docs Repository](https://github.com/open-webui/docs). Document user-facing behavior, environment variables, public APIs/interfaces, or deployment steps. - [x] **Dependencies:** No new/updated dependency. - [ ] **Testing:** Manual UI verification in a full local browser session is still needed; see notes below. - [x] **Agentic AI Code:** This PR was AI-assisted, and then manually reviewed for scope/consistency. - [x] **Code review:** Performed self-review for the changed files. - [x] **Design & Architecture:** No new setting added; only layout constraint fix. - [x] **Git Hygiene:** Atomic change focused on issue #5975. - [x] **Title Prefix:** Uses `fix` prefix. # Changelog Entry ### Description - Fixes inconsistent chat bubble width behavior in widescreen mode when rendering long YAML/code blocks. ### Added - None. ### Changed - Switched message wrapper classes from `min-w-full` to `min-w-0` where appropriate so flex items can shrink correctly. ### Deprecated - None. ### Removed - None. ### Fixed - Prevents bubble width jumping/expansion in widescreen + chat bubble layouts with long code/YAML content. ### Security - None. ### Breaking Changes - None. --- ### Additional Information - Files changed: - `src/lib/components/chat/Messages/Message.svelte` - `src/lib/components/chat/Messages/ResponseMessage.svelte` - `src/lib/components/chat/Messages/UserMessage.svelte` - `src/lib/components/chat/Messages/MultiResponseMessages.svelte` - Root cause: `min-w-full` on flex children can force expansion with long unbroken content. - Resolution: use `min-w-0` on wrappers so bubbles respect container width in widescreen mode. ### Screenshots or Videos - Not attached yet (headless environment). Can add on request. ### Contributor License Agreement By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](https://github.com/open-webui/open-webui/blob/main/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-06 11:00:49 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#65230
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?