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 #22364] [CLOSED] fix: prevent code blocks from causing message bubble width inconsistency in widescreen #26635

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

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/22364
Author: @realsamrat
Created: 3/7/2026
Status: ❌ Closed

Base: dev ← Head: fix/yaml-codeblock-bubble-width

📝 Commits (10+)

📊 Changes

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

View changed files

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

📄 Description

Pull Request Checklist

  • Target branch: This PR targets the dev branch.
  • Description: Concise description of changes provided below.
  • Testing: Manually reproduced the issue and verified the fix resolves inconsistent bubble widths when scrolling with YAML code blocks in widescreen mode.
  • Code review: Self-reviewed for code quality and adherence to project standards.
  • Git Hygiene: Single atomic fix, rebased on dev.

Changelog Entry

Description

Fixes inconsistent message bubble widths when scrolling through conversations that contain YAML (or other wide) code blocks in widescreen mode. The root cause was missing min-w-0 on flex containers, which prevented bubbles from shrinking below their content's intrinsic width.

Fixed

  • Message bubble widths no longer shift/reflow when scrolling in widescreen mode with YAML code blocks
  • Applied min-w-0 to flex containers in ResponseMessage.svelte and UserMessage.svelte to allow proper flex shrinking

Additional Information

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/22364 **Author:** [@realsamrat](https://github.com/realsamrat) **Created:** 3/7/2026 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `fix/yaml-codeblock-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 **2 files changed** (+5 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Messages/ResponseMessage.svelte` (+2 -2) 📝 `src/lib/components/chat/Messages/UserMessage.svelte` (+3 -3) </details> ### 📄 Description <!-- ⚠️ CRITICAL CHECKS FOR CONTRIBUTORS (READ, DON'T DELETE) ⚠️ 1. Target the `dev` branch. PRs targeting `main` will be automatically closed. 2. Do NOT delete the CLA section at the bottom. It is required for the bot to accept your PR. --> # Pull Request Checklist - [x] **Target branch:** This PR targets the `dev` branch. - [x] **Description:** Concise description of changes provided below. - [x] **Testing:** Manually reproduced the issue and verified the fix resolves inconsistent bubble widths when scrolling with YAML code blocks in widescreen mode. - [x] **Code review:** Self-reviewed for code quality and adherence to project standards. - [x] **Git Hygiene:** Single atomic fix, rebased on `dev`. # Changelog Entry ### Description Fixes inconsistent message bubble widths when scrolling through conversations that contain YAML (or other wide) code blocks in widescreen mode. The root cause was missing `min-w-0` on flex containers, which prevented bubbles from shrinking below their content's intrinsic width. ### Fixed - Message bubble widths no longer shift/reflow when scrolling in widescreen mode with YAML code blocks - Applied `min-w-0` to flex containers in `ResponseMessage.svelte` and `UserMessage.svelte` to allow proper flex shrinking --- ### Additional Information - Fixes #5975 - Root cause: `min-w-full` was used on flex children, which forces a minimum width equal to the parent. Without `min-w-0`, flexbox children cannot shrink below their intrinsic content size, so wide code blocks push the bubble container wider than intended, causing layout reflow on scroll. - Reproduced with: https://github.com/ChatLunaLab/chatluna-character/blob/main/resources/presets/default.yml ### 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-04-20 06:37:00 -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#26635
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?