CSCEXAM-1251 Fix history button focus (#1100)

CSCfi · May 21, 2024 · d60ccc0 · d60ccc0
1 parent 2bdbd84
commit d60ccc0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/ui/src/app/shared/components/page-header.component.ts b/ui/src/app/shared/components/page-header.component.ts
@@ -11,7 +11,7 @@ import { HistoryBackComponent } from '../history/history-back.component';
         <div class="row mx-3 mt-4 mb-2 align-items-center">
             <div [ngClass]="appendWide ? 'col-md-6' : 'col-md-9'" class="col-s-3">
                 @if (history) {
-                    <span class="pe-4"><xm-history-back xmAutoFocus></xm-history-back></span>
+                    <span class="pe-4"><xm-history-back></xm-history-back></span>
                 }
                 @if (prependTemplate) {
                     <ng-container [ngTemplateOutlet]="prependTemplate"></ng-container>

diff --git a/ui/src/app/shared/history/history-back.component.ts b/ui/src/app/shared/history/history-back.component.ts
@@ -18,9 +18,9 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'xm-history-back',
     template: `
-        <a (click)="goBack($event)" (keydown)="onKeyDown($event)">
+        <button class="btn btn-link" (click)="goBack($event)" (keydown)="onKeyDown($event)">
             <img class="pointer arrow_icon" src="/assets/images/icon_history.png" alt="go back" />
-        </a>
+        </button>
     `,
     standalone: true,
 })