diff --git a/app/components/forum/forum-post-new.hbs b/app/components/forum/forum-post-new.hbs
index 958ed41b4..982bee4dc 100644
--- a/app/components/forum/forum-post-new.hbs
+++ b/app/components/forum/forum-post-new.hbs
@@ -6,4 +6,4 @@
     <a href='#' class='btn btn-default w-auto me-2' {{on 'click' cancel}}>Annuleren</a>
     <a href='#' class='btn btn-secondary w-auto' {{on 'click' save}}>Opslaan</a>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/components/forum/forum-post-new.js b/app/components/forum/forum-post-new.js
index bf7f4935a..f6b0927c1 100644
--- a/app/components/forum/forum-post-new.js
+++ b/app/components/forum/forum-post-new.js
@@ -1,12 +1,24 @@
+// app/components/forum/forum-post-new.js
 import { inject as service } from '@ember/service';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
+import { modifier } from 'ember-apply'; // Import modifier for Glimmer components lifecycle
 
-// todo: incorporate the model-save-util into components?
 export default class ForumPostNewComponent extends Component {
   @service store;
   @service flashNotice;
 
+  @tracked focusInTextArea = false;
+
+  constructor() {
+    super(...arguments);
+    // Bind functions if using them as direct event handlers via modifiers
+    this.handleFocusIn = this.handleFocusIn.bind(this);
+    this.handleFocusOut = this.handleFocusOut.bind(this);
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+  }
+
   get content() {
     return this.args.content;
   }
@@ -15,6 +27,48 @@ export default class ForumPostNewComponent extends Component {
     this.args.setContent(content);
   }
 
+  // Modifier to attach and remove event listeners
+  // This ensures listeners are correctly managed with component lifecycle
+  @modifier
+  setupTextAreaListeners(element) {
+    // element will be the <textarea> itself because we'll apply this modifier directly to it
+    element.addEventListener('focusin', this.handleFocusIn);
+    element.addEventListener('focusout', this.handleFocusOut);
+    element.addEventListener('keydown', this.handleKeyDown); // Add keydown listener
+
+    return () => {
+      element.removeEventListener('focusin', this.handleFocusIn);
+      element.removeEventListener('focusout', this.handleFocusOut);
+      element.removeEventListener('keydown', this.handleKeyDown);
+    };
+  }
+
+  @action
+  handleFocusIn() {
+    this.focusInTextArea = true;
+    // No action here other than setting tracked property
+  }
+
+  @action
+  handleFocusOut() {
+    this.focusInTextArea = false;
+    // No action here other than setting tracked property
+  }
+
+  @action
+  handleKeyDown(event) {
+    // These are the shortcut keys from your route's keyboardShortcuts object
+    // You might need to make these more dynamic or pass them down from the route
+    // For now, let's hardcode the keys that cause issues (left, up, right, down)
+    const shortcutKeys = ['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'];
+
+    if (shortcutKeys.includes(event.key)) {
+      event.stopPropagation(); // Stop the event from bubbling up to the document
+      // If stopping propagation isn't enough, you might also need preventDefault
+      // event.preventDefault(); // Prevents default browser behavior for the key (e.g., cursor movement)
+    }
+  }
+
   @action
   async save() {
     let { content, thread } = this.args;
@@ -33,4 +87,4 @@ export default class ForumPostNewComponent extends Component {
   cancel() {
     this.content = '';
   }
-}
+}
\ No newline at end of file
diff --git a/app/routes/forum/categories/category/threads/thread/posts/index.js b/app/routes/forum/categories/category/threads/thread/posts/index.js
index 7a33ba396..76066fcf0 100644
--- a/app/routes/forum/categories/category/threads/thread/posts/index.js
+++ b/app/routes/forum/categories/category/threads/thread/posts/index.js
@@ -23,7 +23,6 @@ export default class PostsIndexRoute extends AuthenticatedRoute {
     this.router.on('routeDidChange', () => {
       const thread = this.modelFor('forum.categories.category.threads.thread');
       if (thread) {
-        // only mark as read if we are in a thread
         this.fetch.fetch(`/forum/threads/${thread.id}/mark_read`, {
           method: 'POST',
         });
@@ -68,7 +67,10 @@ export default class PostsIndexRoute extends AuthenticatedRoute {
   }
 
   activate() {
-    bindKeyboardShortcuts(this);
+    // CHANGED HERE: Use the specific ID of the textarea
+    bindKeyboardShortcuts(this, {
+      except: '#forum-post-new',
+    });
   }
 
   deactivate() {
@@ -84,4 +86,4 @@ export default class PostsIndexRoute extends AuthenticatedRoute {
   goToNextPage() {
     this.controller.send('goToNextPage');
   }
-}
+}
\ No newline at end of file