fix: PageUp/Down only working for messages list

Some examples where this commit makes Page Up / Page Down work:
- chat list
- gallery
- settings
- contact lists
- accoutns list
- chat audit log

CHANGELOG.md

@@ -12,6 +12,7 @@
 - avoid showing horizontal scrollbars in chat list #4253
 - style: fix VCard color being too bright in dark theme #4255
 - remove unnecessary horizontal scrollbar in "View Group" dialog #4254
+- "Page Up" / "Page Down" not working on scrollable elements except for messages list #4268
 
 <a id="1_47_0"></a>
 

packages/frontend/src/keybindings.ts

@@ -120,9 +120,13 @@ export function keyDownEvent2Action(
     } else if (ev.code === 'F5') {
       return KeybindAction.Debug_MaybeNetwork
     } else if (ev.code === 'PageUp') {
-      return KeybindAction.MessageList_PageUp
+      if ((ev.target as HTMLElement)?.id === 'composer-textarea') {
+        return KeybindAction.MessageList_PageUp
+      }
     } else if (ev.code === 'PageDown') {
-      return KeybindAction.MessageList_PageDown
+      if ((ev.target as HTMLElement)?.id === 'composer-textarea') {
+        return KeybindAction.MessageList_PageDown
+      }
     } else if ((ev.metaKey || ev.ctrlKey) && ev.code === 'Slash') {
       return KeybindAction.KeybindingCheatSheet_Open
     }
@@ -133,9 +137,13 @@ export function keyDownEvent2Action(
     } else if (ev.ctrlKey && ev.code === 'PageUp') {
       return KeybindAction.ChatList_SelectPreviousChat
     } else if (ev.code === 'PageUp') {
-      return KeybindAction.MessageList_PageUp
+      if ((ev.target as HTMLElement)?.id === 'composer-textarea') {
+        return KeybindAction.MessageList_PageUp
+      }
     } else if (ev.code === 'PageDown') {
-      return KeybindAction.MessageList_PageDown
+      if ((ev.target as HTMLElement)?.id === 'composer-textarea') {
+        return KeybindAction.MessageList_PageDown
+      }
     } else if (ev.altKey && ev.code === 'ArrowDown') {
       return KeybindAction.ChatList_SelectNextChat
     } else if (ev.altKey && ev.code === 'ArrowUp') {