github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-07-16 23:21:44 -05:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

[PR #24960] [CLOSED] fix: consistent YAML code block bubble sizing #131615

New Issue
Closed
opened 2026-05-21 17:19:13 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-05-21 17:19:13 -05:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/24960
Author: @sisyphusse1-ops
Created: 5/20/2026
Status: ❌ Closed

Base: dev ← Head: fix/consistent-bubble-sizes-yaml-codeblocks

📝 Commits (10+)

📊 Changes

3 files changed (+3 additions, -3 deletions)

View changed files

📝 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 (+1 -1)

📄 Description

Summary

Fixes #5975 — YAML code blocks caused inconsistent conversation bubble sizing in widescreen chat bubble mode.

Root Cause

The markdown wrapper used min-w-full, forcing message content to be at least the full width of its parent. Code blocks have intrinsic widths and horizontal overflow behavior, so this could make bubbles expand/contract while scrolling.

Fix

Replaced min-w-full with min-w-0 in the markdown wrapper for:

  • src/lib/components/chat/Messages/ResponseMessage.svelte
  • src/lib/components/chat/Messages/UserMessage.svelte
  • src/lib/components/chat/Messages/MultiResponseMessages.svelte

min-w-0 lets the wrapper shrink within its flex/grid container while code blocks keep using their existing horizontal overflow handling.

Testing

  • Verified the changed files only update Tailwind width utility classes.
  • Ran npm run format; it reported pre-existing formatting differences in untouched files, no formatter changes committed.
  • Manual scenario covered: widescreen + chat bubble mode with YAML code blocks; expected stable bubble width while scrolling.

Contributor License Agreement

Keep the "Contributor License Agreement" confirmation text intact.
Deleting it will trigger the CLA-Bot to INVALIDATE your PR.
Your PR will NOT be reviewed or merged until you check the box below confirming that you have read and agree to the terms of the CLA.

Deleting the CLA section will lead to immediate closure of your PR and it will not be merged in.

🔄 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/24960 **Author:** [@sisyphusse1-ops](https://github.com/sisyphusse1-ops) **Created:** 5/20/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `fix/consistent-bubble-sizes-yaml-codeblocks` --- ### 📝 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 **3 files changed** (+3 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `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` (+1 -1) </details> ### 📄 Description ## Summary Fixes #5975 — YAML code blocks caused inconsistent conversation bubble sizing in widescreen chat bubble mode. ## Root Cause The markdown wrapper used `min-w-full`, forcing message content to be at least the full width of its parent. Code blocks have intrinsic widths and horizontal overflow behavior, so this could make bubbles expand/contract while scrolling. ## Fix Replaced `min-w-full` with `min-w-0` in the markdown wrapper for: - `src/lib/components/chat/Messages/ResponseMessage.svelte` - `src/lib/components/chat/Messages/UserMessage.svelte` - `src/lib/components/chat/Messages/MultiResponseMessages.svelte` `min-w-0` lets the wrapper shrink within its flex/grid container while code blocks keep using their existing horizontal overflow handling. ## Testing - Verified the changed files only update Tailwind width utility classes. - Ran `npm run format`; it reported pre-existing formatting differences in untouched files, no formatter changes committed. - Manual scenario covered: widescreen + chat bubble mode with YAML code blocks; expected stable bubble width while scrolling. ### Contributor License Agreement Keep the "Contributor License Agreement" confirmation text intact. Deleting it will trigger the CLA-Bot to INVALIDATE your PR. Your PR will NOT be reviewed or merged until you check the box below confirming that you have read and agree to the terms of the CLA. - [x] 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. > Deleting the CLA section will lead to immediate closure of your PR and it will not be merged in. --- <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-21 17:19:13 -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#131615
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?