rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix: Inconsistent Textarea resizing in small windows

This commit is contained in:
Joe 2024-10-21 03:51:36 -07:00
parent 61469ec999
commit 6e29ad4b50
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/scripts/RossAscends-mods.js
View File

@ -699,20 +699,26 @@ const chatBlock = document.getElementById('chat');
const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
/** /**
* this makes the chat input text area resize vertically to match the text size (limited by CSS at 50% window height) * Auto-resizes the send message textarea to fit its content, up to a maximum height defined by CSS.
* This function preserves chat scroll position, resets the textarea height for accurate measurement,
* calculates the required height, sets the new height, and then restores the chat scroll position.
* Firefox-specific scrolling adjustments are included for smoother behavior.
*/ */
function autoFitSendTextArea() { function autoFitSendTextArea() {
const originalScrollBottom = chatBlock.scrollHeight - (chatBlock.scrollTop + chatBlock.offsetHeight); const originalScrollTop = chatBlock.scrollTop;
if (Math.ceil(sendTextArea.scrollHeight + 3) >= Math.floor(sendTextArea.offsetHeight)) { const originalScrollHeight = chatBlock.scrollHeight;
const sendTextAreaMinHeight = '0px';
sendTextArea.style.height = sendTextAreaMinHeight; sendTextArea.style.height = '1px';
}
const newHeight = sendTextArea.scrollHeight + 3; const newHeight = sendTextArea.scrollHeight;
sendTextArea.style.height = `${newHeight}px`; sendTextArea.style.height = `${newHeight}px`;
// Restore chat scroll position (Firefox-specific adjustment for smoothness).
if (!isFirefox) { if (!isFirefox) {
const newScrollTop = Math.round(chatBlock.scrollHeight - (chatBlock.offsetHeight + originalScrollBottom)); chatBlock.scrollTop = originalScrollTop + (chatBlock.scrollHeight - originalScrollHeight);
chatBlock.scrollTop = newScrollTop; } else {
chatBlock.scrollTo({ top: chatBlock.scrollHeight, behavior: 'auto' });
} }
} }
export const autoFitSendTextAreaDebounced = debounce(autoFitSendTextArea, debounce_timeout.short); export const autoFitSendTextAreaDebounced = debounce(autoFitSendTextArea, debounce_timeout.short);