diff --git a/src/app/shared/btn-disabled.directive.ts b/src/app/shared/btn-disabled.directive.ts index 427d1654da0..8acf40fec03 100644 --- a/src/app/shared/btn-disabled.directive.ts +++ b/src/app/shared/btn-disabled.directive.ts @@ -54,7 +54,7 @@ export class BtnDisabledDirective { */ @HostListener('keydown', ['$event']) handleKeydown(event: KeyboardEvent) { - if (this.isDisabled && (event.key === 'Enter' || event.key === 'Space')) { + if (this.isDisabled && (event.key === 'Enter' || event.key === ' ')) { event.preventDefault(); event.stopImmediatePropagation(); } diff --git a/src/app/shared/disabled-directive.spec.ts b/src/app/shared/disabled-directive.spec.ts index 96f760fc466..37a09e8560a 100644 --- a/src/app/shared/disabled-directive.spec.ts +++ b/src/app/shared/disabled-directive.spec.ts @@ -76,7 +76,7 @@ describe('DisabledDirective', () => { button.nativeElement.addEventListener('keydown', () => keydownHandled = true); const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' }); - const spaceEvent = new KeyboardEvent('keydown', { key: 'Space' }); + const spaceEvent = new KeyboardEvent('keydown', { key: ' ' }); button.nativeElement.dispatchEvent(enterEvent); button.nativeElement.dispatchEvent(spaceEvent); @@ -94,7 +94,7 @@ describe('DisabledDirective', () => { button.nativeElement.click(); const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' }); - const spaceEvent = new KeyboardEvent('keydown', { key: 'Space' }); + const spaceEvent = new KeyboardEvent('keydown', { key: ' ' }); button.nativeElement.dispatchEvent(enterEvent); button.nativeElement.dispatchEvent(spaceEvent);