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>
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/12210
Author: @bernadinm
Created: 3/31/2025
Status: ❌ Closed
Base:
dev← Head:fix/textbox-height-on-overflow📝 Commits (1)
6945d14style: 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:
devbranch. (Assuming you're targetingdev)fixis the correct prefix as it addresses a layout issue)Changelog Entry
Description
Added
Changed
.ProseMirrorclass to ensure dynamic height adjustment.Deprecated
Removed
Fixed
Security
Breaking Changes
Additional Information
Screenshots or Videos
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.