Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-10-26 16:46:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: text area height calculation in chats

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2023-05-19 20:42:39 -04:00
parent 9e416d7fda
commit c52916de8e
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/src/client/chats.js
View File

@@ -200,7 +200,7 @@ define('forum/chats', [
textarea.on('input', function () { textarea.on('input', function () {
const isAtBottom = messages.isAtBottom(parent.find('.chat-content')); const isAtBottom = messages.isAtBottom(parent.find('.chat-content'));
textarea.css({ height: 0 }); textarea.css({ height: 0 });
textarea.css({ height: textarea.prop('scrollHeight') + 'px' }); textarea.css({ height: messages.calcAutoTextAreaHeight(textarea) + 'px' });
if (isAtBottom) { if (isAtBottom) {
messages.scrollToBottom(parent.find('.chat-content')); messages.scrollToBottom(parent.find('.chat-content'));
} }

13
public/src/client/chats/messages.js
View File

@@ -54,16 +54,21 @@ define('forum/chats/messages', [
messages.updateTextAreaHeight = function (chatContentEl) { messages.updateTextAreaHeight = function (chatContentEl) {
const textarea = chatContentEl.find('[component="chat/input"]'); const textarea = chatContentEl.find('[component="chat/input"]');
textarea.css({ height: messages.calcAutoTextAreaHeight(textarea) + 'px' });
};
messages.calcAutoTextAreaHeight = function (textarea) {
const scrollHeight = textarea.prop('scrollHeight'); const scrollHeight = textarea.prop('scrollHeight');
textarea.css({ height: scrollHeight + 'px' }); const borderTopWidth = parseFloat(textarea.css('border-top-width'), 10) || 0;
const borderBottomWidth = parseFloat(textarea.css('border-bottom-width'), 10) || 0;
return scrollHeight + borderTopWidth + borderBottomWidth;
}; };
function autoresizeTextArea(textarea) { function autoresizeTextArea(textarea) {
const scrollHeight = textarea.prop('scrollHeight'); textarea.css({ height: messages.calcAutoTextAreaHeight(textarea) + 'px' });
textarea.css({ height: scrollHeight + 'px' });
textarea.on('input', function () { textarea.on('input', function () {
textarea.css({ height: 0 }); textarea.css({ height: 0 });
textarea.css({ height: textarea.prop('scrollHeight') + 'px' }); textarea.css({ height: messages.calcAutoTextAreaHeight(textarea) + 'px' });
}); });
} }