From 45b61285a1f0788840d13e6de24c468df1bb298e Mon Sep 17 00:00:00 2001 From: Dirk Gausmann Date: Tue, 2 Oct 2018 14:13:39 +0200 Subject: [PATCH 1/3] Create Input Event --- .../src/components/keyboard-key/keyboard-key.component.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/core/src/components/keyboard-key/keyboard-key.component.ts b/src/core/src/components/keyboard-key/keyboard-key.component.ts index cb79c60c..ec3c5672 100644 --- a/src/core/src/components/keyboard-key/keyboard-key.component.ts +++ b/src/core/src/components/keyboard-key/keyboard-key.component.ts @@ -220,6 +220,11 @@ export class MatKeyboardKeyComponent implements OnInit { this.replaceSelectedText(char); this._setCursorPosition(caret + 1); } + + // Dispatch Input Event for Angular to register a change + if (this.input) { + this.input.nativeElement.dispatchEvent(new Event('input',{ bubbles: true })); + } } private deleteSelectedText(): void { From 4fe02de039d57b774b5599ebe8b59812a2e766c0 Mon Sep 17 00:00:00 2001 From: digaus Date: Tue, 2 Oct 2018 14:36:18 +0200 Subject: [PATCH 2/3] Update keyboard-key.component.ts --- src/core/src/components/keyboard-key/keyboard-key.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/core/src/components/keyboard-key/keyboard-key.component.ts b/src/core/src/components/keyboard-key/keyboard-key.component.ts index ec3c5672..03a1185e 100644 --- a/src/core/src/components/keyboard-key/keyboard-key.component.ts +++ b/src/core/src/components/keyboard-key/keyboard-key.component.ts @@ -222,7 +222,7 @@ export class MatKeyboardKeyComponent implements OnInit { } // Dispatch Input Event for Angular to register a change - if (this.input) { + if (this.input && this.input.nativeElement) { this.input.nativeElement.dispatchEvent(new Event('input',{ bubbles: true })); } } From b61739977231c6f52455d41d3c65dc5b8ec46bed Mon Sep 17 00:00:00 2001 From: digaus Date: Wed, 3 Oct 2018 01:40:36 +0200 Subject: [PATCH 3/3] Fix Timing --- .../src/components/keyboard-key/keyboard-key.component.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/core/src/components/keyboard-key/keyboard-key.component.ts b/src/core/src/components/keyboard-key/keyboard-key.component.ts index 03a1185e..c6291639 100644 --- a/src/core/src/components/keyboard-key/keyboard-key.component.ts +++ b/src/core/src/components/keyboard-key/keyboard-key.component.ts @@ -223,7 +223,9 @@ export class MatKeyboardKeyComponent implements OnInit { // Dispatch Input Event for Angular to register a change if (this.input && this.input.nativeElement) { - this.input.nativeElement.dispatchEvent(new Event('input',{ bubbles: true })); + setTimeout(() => { + this.input.nativeElement.dispatchEvent(new Event('input',{ bubbles: true })); + }); } }