[PR #24653] [CLOSED] fix: prevent bubble width shifts with YAML code blocks in widescreen mode #131425

Closed
opened 2026-05-21 16:55:06 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/24653
Author: @linliang-bot
Created: 5/13/2026
Status: Closed

Base: mainHead: fix/5975-bubble-width-yaml-widescreen


📝 Commits (1)

  • 793f84e fix: prevent bubble width shifts with YAML code blocks in widescreen mode

📊 Changes

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

View changed files

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

📄 Description

Summary

This applies a small flexbox fix for inconsistent bubble sizing in widescreen mode with YAML/code blocks.

It replaces min-w-full with min-w-0 on the message content containers in:

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

Why

min-w-full is too restrictive here and can cause wide code blocks to affect bubble sizing inside the flex layout.
Using min-w-0 lets the content shrink correctly while keeping horizontal overflow inside the markdown/code block area.

Testing

Tested manually with:

  • Chat Bubble UI enabled
  • Widescreen Mode enabled
  • YAML code blocks in messages

This keeps bubble width stable during scrolling.

Closes #5975


🔄 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/24653 **Author:** [@linliang-bot](https://github.com/linliang-bot) **Created:** 5/13/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `fix/5975-bubble-width-yaml-widescreen` --- ### 📝 Commits (1) - [`793f84e`](https://github.com/open-webui/open-webui/commit/793f84e2af13354cfe7d928d79c03a9ba61b91c4) fix: prevent bubble width shifts with YAML code blocks in widescreen mode ### 📊 Changes **2 files changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Messages/ResponseMessage.svelte` (+1 -1) 📝 `src/lib/components/chat/Messages/UserMessage.svelte` (+1 -1) </details> ### 📄 Description ## Summary This applies a small flexbox fix for inconsistent bubble sizing in widescreen mode with YAML/code blocks. It replaces `min-w-full` with `min-w-0` on the message content containers in: - `src/lib/components/chat/Messages/UserMessage.svelte` - `src/lib/components/chat/Messages/ResponseMessage.svelte` ## Why `min-w-full` is too restrictive here and can cause wide code blocks to affect bubble sizing inside the flex layout. Using `min-w-0` lets the content shrink correctly while keeping horizontal overflow inside the markdown/code block area. ## Testing Tested manually with: - Chat Bubble UI enabled - Widescreen Mode enabled - YAML code blocks in messages This keeps bubble width stable during scrolling. Closes #5975 --- <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 16:55:06 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#131425