From 1c48cea02e97efb5d40f69e844484c6611985f5e Mon Sep 17 00:00:00 2001 From: Valentin Mihai Date: Thu, 27 Jun 2024 14:53:44 +0300 Subject: [PATCH] RED-9453 - prevent enter key --- .../icon-button/icon-button.component.ts | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/src/lib/buttons/icon-button/icon-button.component.ts b/src/lib/buttons/icon-button/icon-button.component.ts index 940eda0..6047175 100644 --- a/src/lib/buttons/icon-button/icon-button.component.ts +++ b/src/lib/buttons/icon-button/icon-button.component.ts @@ -1,5 +1,15 @@ import { NgClass } from '@angular/common'; -import { booleanAttribute, ChangeDetectionStrategy, Component, computed, EventEmitter, inject, input, Output } from '@angular/core'; +import { + booleanAttribute, + ChangeDetectionStrategy, + Component, + computed, + EventEmitter, + HostListener, + inject, + input, + Output, +} from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; import { RouterLink } from '@angular/router'; @@ -33,4 +43,10 @@ export class IconButtonComponent { }; }); @Output() readonly action = new EventEmitter(); + + @HostListener('window:keydown.Enter', ['$event']) + preventEnterKey($event: KeyboardEvent) { + $event?.preventDefault(); + $event?.stopPropagation(); + } }