From 3c572f1f1f2a3d636ad9bf3ddc0a128a9286055b Mon Sep 17 00:00:00 2001
From: Lodewiges <jamestreeg@gmail.com>
Date: Fri, 18 Jul 2025 00:07:02 +0200
Subject: [PATCH 1/5] intial commit

---
 .../forum/categories/category/threads/thread/posts/index.js   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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..67a99e1f3 100644
--- a/app/routes/forum/categories/category/threads/thread/posts/index.js
+++ b/app/routes/forum/categories/category/threads/thread/posts/index.js
@@ -68,7 +68,9 @@ export default class PostsIndexRoute extends AuthenticatedRoute {
   }
 
   activate() {
-    bindKeyboardShortcuts(this);
+    bindKeyboardShortcuts(this, {
+      ignoredElementSelectors: ['input', 'textarea'],
+    });
   }
 
   deactivate() {

From 86f9b9d906784471d667f031c5ad03c68ee567d8 Mon Sep 17 00:00:00 2001
From: Lodewiges <jamestreeg@gmail.com>
Date: Mon, 11 Aug 2025 21:44:28 +0200
Subject: [PATCH 2/5] change or something

---
 app/components/forum/forum-post-new.hbs       | 12 +++-
 app/components/forum/forum-post-new.js        | 58 ++++++++++++++++++-
 .../category/threads/thread/posts/index.js    |  6 +-
 3 files changed, 70 insertions(+), 6 deletions(-)

diff --git a/app/components/forum/forum-post-new.hbs b/app/components/forum/forum-post-new.hbs
index 958ed41b4..235832737 100644
--- a/app/components/forum/forum-post-new.hbs
+++ b/app/components/forum/forum-post-new.hbs
@@ -1,5 +1,15 @@
+{{!-- app/components/forum/forum-post-new.hbs --}}
+
 <p class='card-text'>
-  <MdEditor @content={{content}} @textareaId='forum-post-new' @setContent={{@setContent}} />
+  <MdEditor
+    @content={{content}}
+    @textareaId='forum-post-new'
+    @setContent={{@setContent}}
+    {{!-- Pass these actions to MdEditor, assuming it exposes hooks to attach them to its internal textarea --}}
+    @onFocusIn={{this.handleFocusIn}}
+    @onFocusOut={{this.handleFocusOut}}
+    @onKeyDown={{this.handleKeyDown}}
+  />
 </p>
 <div class='card-footer'>
   <div class='row justify-content-end'>
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 67a99e1f3..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,8 +67,9 @@ export default class PostsIndexRoute extends AuthenticatedRoute {
   }
 
   activate() {
+    // CHANGED HERE: Use the specific ID of the textarea
     bindKeyboardShortcuts(this, {
-      ignoredElementSelectors: ['input', 'textarea'],
+      except: '#forum-post-new',
     });
   }
 
@@ -86,4 +86,4 @@ export default class PostsIndexRoute extends AuthenticatedRoute {
   goToNextPage() {
     this.controller.send('goToNextPage');
   }
-}
+}
\ No newline at end of file

From 3b90d82e8bad4b1bbe1b4d0517838228ffbb2a9a Mon Sep 17 00:00:00 2001
From: lodewiges <131907615+lodewiges@users.noreply.github.com>
Date: Tue, 12 Aug 2025 01:19:01 +0200
Subject: [PATCH 3/5] Update forum-post-new.hbs

---
 app/components/forum/forum-post-new.hbs | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/app/components/forum/forum-post-new.hbs b/app/components/forum/forum-post-new.hbs
index 235832737..f1a269c5e 100644
--- a/app/components/forum/forum-post-new.hbs
+++ b/app/components/forum/forum-post-new.hbs
@@ -1,19 +1,10 @@
-{{!-- app/components/forum/forum-post-new.hbs --}}
 
 <p class='card-text'>
-  <MdEditor
-    @content={{content}}
-    @textareaId='forum-post-new'
-    @setContent={{@setContent}}
-    {{!-- Pass these actions to MdEditor, assuming it exposes hooks to attach them to its internal textarea --}}
-    @onFocusIn={{this.handleFocusIn}}
-    @onFocusOut={{this.handleFocusOut}}
-    @onKeyDown={{this.handleKeyDown}}
-  />
+  <MdEditor @content={{content}} @textareaId='forum-post-new' @setContent={{@setContent}} />
 </p>
 <div class='card-footer'>
   <div class='row justify-content-end'>
     <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>

From f4c90548d777c0a4e0b40d00265c41a973c0ab31 Mon Sep 17 00:00:00 2001
From: lodewiges <131907615+lodewiges@users.noreply.github.com>
Date: Tue, 12 Aug 2025 01:19:18 +0200
Subject: [PATCH 4/5] Update forum-post-new.hbs

---
 app/components/forum/forum-post-new.hbs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/components/forum/forum-post-new.hbs b/app/components/forum/forum-post-new.hbs
index f1a269c5e..982bee4dc 100644
--- a/app/components/forum/forum-post-new.hbs
+++ b/app/components/forum/forum-post-new.hbs
@@ -1,4 +1,3 @@
-
 <p class='card-text'>
   <MdEditor @content={{content}} @textareaId='forum-post-new' @setContent={{@setContent}} />
 </p>

From 82bc5d7f6901abbbaee73af02d96b2714c59f151 Mon Sep 17 00:00:00 2001
From: lodewiges <131907615+lodewiges@users.noreply.github.com>
Date: Tue, 12 Aug 2025 01:19:37 +0200
Subject: [PATCH 5/5] Update forum-post-new.hbs