[PR #21707] [CLOSED] fix: consistent conversation bubble sizes with YAML blocks in widescreen #49273

New Issue

GiteaMirror · 2026-04-30T01:35:27-05:00

GiteaMirror commented

2026-04-30 01:35:27 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/21707
Author: @agent-steven
Created: 2/21/2026
Status: ❌ Closed

Base: main ← Head: fix/yaml-bubble-size-5975

📝 Commits (1)

049669b fix: consistent conversation bubble sizes with YAML blocks in widescreen (#5975)

📊 Changes

1 file changed (+1 additions, -1 deletions)

View changed files

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

📄 Description

Description

Fixes #5975

Resolves inconsistent conversation bubble sizing when scrolling in widescreen mode with YAML code blocks.

Changes

Added min-w-0 to message container
Prevents flex overflow that causes size changes during scroll

Root Cause

In widescreen mode (max-w-full), flex containers without min-w-0 allow child code blocks to overflow, causing the parent bubble to resize inconsistently during scroll.

Demo

Before:
Conversation bubbles change size when scrolling up/down with YAML blocks

After:
Bubble sizes remain stable during scroll

Testing

1. Open in widescreen mode (viewport width > max-w-5xl)
2. Paste this YAML: https://github.com/ChatLunaLab/chatluna-character/blob/main/resources/presets/default.yml
3. Send message
4. Scroll up and down
5. Verify: bubble size stays consistent

Tested in Chrome/Firefox on 1920×1080 display.

_{🔄 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/21707 **Author:** [@agent-steven](https://github.com/agent-steven) **Created:** 2/21/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `fix/yaml-bubble-size-5975` --- ### 📝 Commits (1) - [`049669b`](https://github.com/open-webui/open-webui/commit/049669bdb128ca6f861b8d480582d36cf8d1d847) fix: consistent conversation bubble sizes with YAML blocks in widescreen (#5975) ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Messages/Message.svelte` (+1 -1) </details> ### 📄 Description ## Description Fixes #5975 Resolves inconsistent conversation bubble sizing when scrolling in widescreen mode with YAML code blocks. ## Changes - Added `min-w-0` to message container - Prevents flex overflow that causes size changes during scroll ## Root Cause In widescreen mode (`max-w-full`), flex containers without `min-w-0` allow child code blocks to overflow, causing the parent bubble to resize inconsistently during scroll. ## Demo **Before:** Conversation bubbles change size when scrolling up/down with YAML blocks **After:** Bubble sizes remain stable during scroll ## Testing ```bash 1. Open in widescreen mode (viewport width > max-w-5xl) 2. Paste this YAML: https://github.com/ChatLunaLab/chatluna-character/blob/main/resources/presets/default.yml 3. Send message 4. Scroll up and down 5. Verify: bubble size stays consistent ``` Tested in Chrome/Firefox on 1920×1080 display. --- <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-30 01:35:27 -05:00

GiteaMirror closed this issue

2026-04-30 01:35:29 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#49273