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:
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.
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.
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>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 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+)
fe6783cMerge pull request #19030 from open-webui/devfc05e0aMerge pull request #19405 from open-webui/deve3faec6Merge pull request #19416 from open-webui/dev9899293Merge pull request #19448 from open-webui/dev140605eMerge pull request #19462 from open-webui/dev6f1486fMerge pull request #19466 from open-webui/devd95f533Merge pull request #19729 from open-webui/deva7271530.6.43 (#20093)6adde20Merge pull request #20394 from open-webui/devf9b0534Merge pull request #20522 from open-webui/dev📊 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-fullwithmin-w-0in the markdown wrapper for:src/lib/components/chat/Messages/ResponseMessage.sveltesrc/lib/components/chat/Messages/UserMessage.sveltesrc/lib/components/chat/Messages/MultiResponseMessages.sveltemin-w-0lets the wrapper shrink within its flex/grid container while code blocks keep using their existing horizontal overflow handling.Testing
npm run format; it reported pre-existing formatting differences in untouched files, no formatter changes committed.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.
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.