inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-5007] Comments - textarea Escape event cannot be canceled (#5266)

Browse Source 
* use keydown event

* cancel event propagation

* update tests
This commit is contained in:
Cilibiu Bogdan 2019-12-03 16:11:22 +02:00 committed by Eugenio Romano
parent f2cbd0cd9a
commit 79eb9365c8
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/core/comments/comments.component.html
View File

@ -4,7 +4,7 @@
</div>
<div class="adf-comments-input-container" *ngIf="!isReadOnly()">
<mat-form-field class="adf-full-width">
<textarea (keyup.escape)="clear()" matInput id="comment-input" placeholder="{{'COMMENTS.ADD' | translate}}" [(ngModel)]="message"></textarea>
<textarea (keydown.escape)="clear($event)" matInput id="comment-input" placeholder="{{'COMMENTS.ADD' | translate}}" [(ngModel)]="message"></textarea>
</mat-form-field>
<div class="adf-comments-input-actions">

4
lib/core/comments/comments.component.spec.ts
View File

@ -277,7 +277,7 @@ describe('CommentsComponent', () => {
}));
it('should clear comment when escape key is pressed', async(() => {
const event = new KeyboardEvent('keyup', {'key': 'Escape'});
const event = new KeyboardEvent('keydown', {'key': 'Escape'});
let element = fixture.nativeElement.querySelector('#comment-input');
element.dispatchEvent(event);
fixture.detectChanges();
@ -365,7 +365,7 @@ describe('CommentsComponent', () => {
}));
it('should clear comment when escape key is pressed', async(() => {
const event = new KeyboardEvent('keyup', {'key': 'Escape'});
const event = new KeyboardEvent('keydown', {'key': 'Escape'});
let element = fixture.nativeElement.querySelector('#comment-input');
element.dispatchEvent(event);
fixture.detectChanges();

3
lib/core/comments/comments.component.ts
View File

@ -165,7 +165,8 @@ export class CommentsComponent implements OnChanges {
}
}
clear(): void {
clear(event: KeyboardEvent): void {
event.stopPropagation();
this.message = '';
}