Merge pull request #7052 from overleaf/td-suppress-comment-page-up-down

Suppress Page Up/Down keypresses in comment textarea

GitOrigin-RevId: 244bfdc4f1a1470870180a166ba7d2b2792fe614

services/web/app/views/project/editor/review-panel.pug

@@ -480,6 +480,7 @@ script(type='text/ng-template', id='addCommentEntryTemplate')
 						expandable-text-area
 						ng-model="state.content"
 						ng-keypress="handleCommentKeyPress($event);"
+						ng-keydown="handleCommentKeyDown($event);"
 						placeholder=translate("add_your_comment_here")
 						focus-on="comment:new:open"
 					)

services/web/frontend/js/ide/review-panel/directives/addCommentEntry.js

@@ -31,6 +31,16 @@ App.directive('addCommentEntry', () => ({
       scope.onCancel()
     }
 
+    const ignoreKeysInTextAreas = ['PageDown', 'PageUp']
+
+    scope.handleCommentKeyDown = function (ev) {
+      if (ignoreKeysInTextAreas.includes(ev.key)) {
+        if (ev.target.closest('textarea')) {
+          ev.preventDefault()
+        }
+      }
+    }
+
     scope.handleCommentKeyPress = function (ev) {
       if (ev.keyCode === 13 && !ev.shiftKey && !ev.ctrlKey && !ev.metaKey) {
         ev.preventDefault()