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.2k Packages Projects Releases 126 Wiki Activity

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

New Issue
Closed
opened 2026-04-20 06:27:40 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-04-20 06:27:40 -05:00
Owner
Copy Link

📋 Pull Request Information

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

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

📝 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

Summary

  • replace min-w-full with min-w-0 on chat message prose wrappers so flex items can shrink correctly
  • add min-w-0 to the user bubble container in chat-bubble mode
  • add min-w-0 to the multi-response merged prose wrapper for consistency

Why

In widescreen + chat-bubble layout, long YAML/code content can force flex children to expand and cause visible bubble width jumps while scrolling. Using min-w-0 lets containers respect available width and keeps bubble sizing stable.

Verification

  • static review of affected wrappers in message rendering path (Message, ResponseMessage, UserMessage, MultiResponseMessages)
  • attempted npm run check in this branch; it currently fails due unrelated pre-existing type issues in many files, not from this change

Closes #5975

contributor license agreement

🔄 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/21978 **Author:** [@stablegenius49](https://github.com/stablegenius49) **Created:** 2/28/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `fix/5975-widescreen-yaml-bubble-width` --- ### 📝 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 ## Summary - replace `min-w-full` with `min-w-0` on chat message prose wrappers so flex items can shrink correctly - add `min-w-0` to the user bubble container in chat-bubble mode - add `min-w-0` to the multi-response merged prose wrapper for consistency ## Why In widescreen + chat-bubble layout, long YAML/code content can force flex children to expand and cause visible bubble width jumps while scrolling. Using `min-w-0` lets containers respect available width and keeps bubble sizing stable. ## Verification - static review of affected wrappers in message rendering path (`Message`, `ResponseMessage`, `UserMessage`, `MultiResponseMessages`) - attempted `npm run check` in this branch; it currently fails due unrelated pre-existing type issues in many files, not from this change Closes #5975 contributor license agreement --- <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-04-20 06:27:40 -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#26373
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?