discourse
/
discourse-ai
mirror of https://github.com/discourse/discourse-ai.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Only scroll when we surpass max input height (#1288)

This commit is contained in:
Isaac Janzen 2025-04-25 13:20:34 -05:00 committed by GitHub
parent cd0cfc0bfc
commit 81ef532268
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/javascripts/discourse/controllers/discourse-ai-bot-conversations.js
View File

@ -48,5 +48,15 @@ export default class DiscourseAiBotConversations extends Controller {
_autoExpandTextarea() { _autoExpandTextarea() {
this.textarea.style.height = "auto"; this.textarea.style.height = "auto";
this.textarea.style.height = this.textarea.scrollHeight + "px"; this.textarea.style.height = this.textarea.scrollHeight + "px";
// Get the max-height value from CSS (30vh)
const maxHeight = parseInt(getComputedStyle(this.textarea).maxHeight, 10);
// Only enable scrolling if content exceeds max-height
if (this.textarea.scrollHeight > maxHeight) {
this.textarea.style.overflowY = "auto";
} else {
this.textarea.style.overflowY = "hidden";
}
} }
} }

2
assets/stylesheets/modules/ai-bot-conversations/common.scss
View File

@ -248,7 +248,7 @@ body.has-ai-conversations-sidebar {
resize: none; resize: none;
border-radius: var(--d-button-border-radius); border-radius: var(--d-button-border-radius);
max-height: 30vh; max-height: 30vh;
overflow: hidden; overflow-y: hidden;
&:focus { &:focus {
outline: none; outline: none;