[PR #24643] [CLOSED] fix: stabilize code block message layout #131419

Closed
opened 2026-05-21 16:52:45 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/24643
Author: @parsa-faraji
Created: 5/13/2026
Status: Closed

Base: mainHead: fix/widescreen-code-block-layout


📝 Commits (1)

  • 1223f4a fix: stabilize code block message layout

📊 Changes

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

View changed files

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

📄 Description

Summary

  • keep content-visibility: auto for regular chat messages
  • render messages containing fenced code blocks eagerly so large YAML/code blocks do not rely on the 150px off-screen intrinsic height estimate
  • prevent scroll-time remeasurement from changing message bubble layout in widescreen mode

Closes #5975.

Testing

  • npx prettier --check src/lib/components/chat/Messages/Message.svelte passes
  • git diff --check passes
  • npm run check was attempted with dependencies installed via npm install --engine-strict=false; it fails on existing unrelated project diagnostics (9442 errors, 272 warnings) outside this change
  • npx eslint src/lib/components/chat/Messages/Message.svelte was attempted; it fails on pre-existing unused imports / Function type warnings already present in this file

🔄 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/24643 **Author:** [@parsa-faraji](https://github.com/parsa-faraji) **Created:** 5/13/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `fix/widescreen-code-block-layout` --- ### 📝 Commits (1) - [`1223f4a`](https://github.com/open-webui/open-webui/commit/1223f4a4b6c649e3562ec775884e13730ccd46ae) fix: stabilize code block message layout ### 📊 Changes **1 file changed** (+14 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Messages/Message.svelte` (+14 -1) </details> ### 📄 Description ## Summary - keep `content-visibility: auto` for regular chat messages - render messages containing fenced code blocks eagerly so large YAML/code blocks do not rely on the 150px off-screen intrinsic height estimate - prevent scroll-time remeasurement from changing message bubble layout in widescreen mode Closes #5975. ## Testing - `npx prettier --check src/lib/components/chat/Messages/Message.svelte` passes - `git diff --check` passes - `npm run check` was attempted with dependencies installed via `npm install --engine-strict=false`; it fails on existing unrelated project diagnostics (9442 errors, 272 warnings) outside this change - `npx eslint src/lib/components/chat/Messages/Message.svelte` was attempted; it fails on pre-existing unused imports / Function type warnings already present in this file --- <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:52:45 -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#131419