DEV-649: Fixed auto scrolling to reply field

Viima · May 14, 2020 · 73f658d · 73f658d
1 parent c5f59d8
commit 73f658d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -49,6 +49,7 @@
 					enableAttachments: true,
 					enableHashtags: true,
 					enablePinging: true,
+					scrollContainer: $(window),
 					searchUsers: function(term, success, error) {
 					    setTimeout(function() {
 					        success(usersArray.filter(function(user) {

diff --git a/js/jquery-comments.js b/js/jquery-comments.js
@@ -1128,15 +1128,13 @@
 
                 // Move cursor to end
                 var textarea = replyField.find('.textarea');
-                this.moveCursorToEnd(textarea)
+                this.moveCursorToEnd(textarea);
+                textarea.focus();
 
                 // Make sure the reply field will be displayed
-                var scrollTop = this.options.scrollContainer.scrollTop();
-                var endOfReply = scrollTop + replyField.position().top + replyField.outerHeight();
-                var endOfScrollable = scrollTop + this.options.scrollContainer.outerHeight();
-                if(endOfReply > endOfScrollable) {
-                    var newScrollTop = scrollTop + (endOfReply - endOfScrollable);
-                    this.options.scrollContainer.scrollTop(newScrollTop);
+                var minScrollTop = replyField.position().top + replyField.outerHeight() - this.options.scrollContainer.outerHeight();
+                if(this.options.scrollContainer.scrollTop() < minScrollTop) {
+                    this.options.scrollContainer.scrollTop(minScrollTop);
                 }
             }
         },