[PR #12210] [CLOSED] style: Ensure ProseMirror height is determined by content #45914

New Issue

GiteaMirror · 2026-04-29T20:30:40-05:00

GiteaMirror commented

2026-04-29 20:30:40 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/12210
Author: @bernadinm
Created: 3/31/2025
Status: ❌ Closed

Base: dev ← Head: fix/textbox-height-on-overflow

📝 Commits (1)

6945d14 style: Ensure ProseMirror height is determined by content

📊 Changes

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

View changed files

📝 src/app.css (+2 -1)

📄 Description

Pull Request Checklist

Note to first-time contributors: Please open a discussion post in Discussions and describe your changes before submitting a pull request.

Before submitting, make sure you've checked the following:

Target branch: Please verify that the pull request targets the dev branch. (Assuming you're targeting dev)
Description: Provide a concise description of the changes made in this pull request. (We'll write this now: "Fix: Ensure ProseMirror editor height auto-adjusts to content")
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description. (We'll do this below)
Documentation: Have you updated relevant documentation Open WebUI Docs, or other documentation sources? (Likely NO for this CSS-only fix)
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation? (Definitely NO dependencies changed)
Testing: Have you written and run sufficient tests for validating the changes? (Visual testing in browser is sufficient here)
Code review: Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards? (Assuming you have)
Prefix: To cleary categorize this pull request, prefix the pull request title, using one of the following:
- fix: Bug fix or error correction (fix is the correct prefix as it addresses a layout issue)

Changelog Entry

Description

Fixes an issue where the ProseMirror editor would not automatically adjust its height to the content, potentially causing scrollbars to appear within the editor itself and limiting the visible text area. This change ensures the editor expands vertically as the user types, providing a better writing experience.

Added

[N/A]

Changed

Changed CSS styles for .ProseMirror class to ensure dynamic height adjustment.

Deprecated

[N/A]

Removed

[N/A]

Fixed

Fixed ProseMirror editor height not resizing with content, leading to internal scrollbars.

Security

[N/A]

Breaking Changes

[N/A]

Additional Information

This change improves the user interface and writing experience in the chat input area.
Visually tested in browser to confirm the editor now correctly resizes with content.
No documentation changes are required as this is a visual and functional enhancement.

Screenshots or Videos

[N/A - The change is functional but not dramatically visually different..]

_{🔄 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/12210 **Author:** [@bernadinm](https://github.com/bernadinm) **Created:** 3/31/2025 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `fix/textbox-height-on-overflow` --- ### 📝 Commits (1) - [`6945d14`](https://github.com/open-webui/open-webui/commit/6945d1418f2815d7c1f086f8e9155bae84ecdbca) style: Ensure ProseMirror height is determined by content ### 📊 Changes **1 file changed** (+2 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `src/app.css` (+2 -1) </details> ### 📄 Description # Pull Request Checklist ### Note to first-time contributors: Please open a discussion post in [Discussions](https://github.com/open-webui/open-webui/discussions) and describe your changes before submitting a pull request. **Before submitting, make sure you've checked the following:** - [x] **Target branch:** Please verify that the pull request targets the `dev` branch. *(Assuming you're targeting `dev`)* - [x] **Description:** Provide a concise description of the changes made in this pull request. *(We'll write this now: "Fix: Ensure ProseMirror editor height auto-adjusts to content")* - [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. *(We'll do this below)* - [x] **Documentation:** Have you updated relevant documentation [Open WebUI Docs](https://github.com/open-webui/docs), or other documentation sources? *(Likely NO for this CSS-only fix)* - [x] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation? *(Definitely NO dependencies changed)* - [x] **Testing:** Have you written and run sufficient tests for validating the changes? *(Visual testing in browser is sufficient here)* - [x] **Code review:** Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards? *(Assuming you have)* - [x] **Prefix:** To cleary categorize this pull request, prefix the pull request title, using one of the following: - **fix**: Bug fix or error correction *(`fix` is the correct prefix as it addresses a layout issue)* # Changelog Entry ### Description - Fixes an issue where the ProseMirror editor would not automatically adjust its height to the content, potentially causing scrollbars to appear within the editor itself and limiting the visible text area. This change ensures the editor expands vertically as the user types, providing a better writing experience. ### Added - [N/A] ### Changed - Changed CSS styles for `.ProseMirror` class to ensure dynamic height adjustment. ### Deprecated - [N/A] ### Removed - [N/A] ### Fixed - Fixed ProseMirror editor height not resizing with content, leading to internal scrollbars. ### Security - [N/A] ### Breaking Changes - [N/A] --- ### Additional Information - This change improves the user interface and writing experience in the chat input area. - Visually tested in browser to confirm the editor now correctly resizes with content. - No documentation changes are required as this is a visual and functional enhancement. ### Screenshots or Videos - [N/A - The change is functional but not dramatically visually different..] --- <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-29 20:30:40 -05:00

GiteaMirror closed this issue

2026-04-29 20:30:41 -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#45914