Added a check that we're not within an input nor textarea

src/app/app.component.ts

@@ -30,6 +30,14 @@ export class AppComponent implements OnInit {
   // Listener, keyboard shortcuts
   @HostListener('window:keydown', ['$event'])
   handleKeyboardEvent(event: KeyboardEvent): void {
+    const target = event.target as HTMLElement;
+    const tagName = target.tagName.toLowerCase();
+
+    // Check if the focus is within an input, textarea
+    if (['input', 'textarea'].includes(tagName) || target.isContentEditable) {
+      return;
+    }
+
     switch (event.key) {
       case 'h': // 'h' to go to the header (resin logo)
         this.headerComponent.focusLogo();

src/app/form/orientation-form-view/orientation-form-view.component.ts

@@ -122,6 +122,14 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked
   // Listener, keyboard shortcuts
   @HostListener('window:keydown', ['$event'])
   handleKeyboardEvent(event: KeyboardEvent): void {
+    const target = event.target as HTMLElement;
+    const tagName = target.tagName.toLowerCase();
+
+    // Check if the focus is within an input, textarea
+    if (['input', 'textarea'].includes(tagName) || target.isContentEditable) {
+      return;
+    }
+
     switch (event.key) {
       case 'f': // 'f' to go to the navigation footer
         this.navComponent.focusFirstButton();