fix(editor): Fix focus on host element

kolkov · kolkov · commit ef290105d6bf · 2019-07-25T23:58:43.000+03:00
diff --git a/package.json b/package.json
@@ -1,10 +1,11 @@
 {
   "name": "angular-editor",
-  "version": "0.17.2",
+  "version": "0.17.3",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build --prod",
+    "build": "ng build",
+    "build-prod": "ng build --prod",
     "test": "ng test",
     "lint:lib": "ng lint angular-editor",
     "e2e": "ng e2e",
diff --git a/projects/angular-editor/package.json b/projects/angular-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kolkov/angular-editor",
-  "version": "0.17.2",
+  "version": "0.17.3",
   "description": "A simple native WYSIWYG editor for Angular 6+, 7+, 8+",
   "author": "Andrey Kolkov <a.kolkov@gmail.com>",
   "repository": "https://github.com/kolkov/angular-editor",
diff --git a/projects/angular-editor/src/lib/angular-editor.component.scss b/projects/angular-editor/src/lib/angular-editor.component.scss
@@ -25,7 +25,7 @@
 
       &:focus,
       &.focus {
-        outline: 0;
+       // outline: 0;
       }
 
       ::ng-deep blockquote {
diff --git a/projects/angular-editor/src/lib/angular-editor.component.ts b/projects/angular-editor/src/lib/angular-editor.component.ts
@@ -2,7 +2,7 @@ import {
   AfterViewInit, Attribute, ChangeDetectorRef,
   Component,
   EventEmitter,
-  forwardRef, HostBinding,
+  forwardRef, HostBinding, HostListener,
   Inject,
   Input,
   OnInit,
@@ -60,6 +60,9 @@ export class AngularEditorComponent implements OnInit, ControlValueAccessor, Aft
   @Output() focus: EventEmitter<string> = new EventEmitter<string>();
 
   @HostBinding('attr.tabindex') tabindex = -1;
+  @HostListener('focus') onFocus() {
+    this.onEditorFocus();
+  }
 
   constructor(
     private r: Renderer2,

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@kolkov/angular-editor",`
`3`		`- "version": "0.17.2",`
	`3`	`+ "version": "0.17.3",`
`4`	`4`	`"description": "A simple native WYSIWYG editor for Angular 6+, 7+, 8+",`
`5`	`5`	`"author": "Andrey Kolkov <[email protected]>",`
`6`	`6`	`"repository": "https://github.com/kolkov/angular-editor",`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@`
`25`	`25`
`26`	`26`	`&:focus,`
`27`	`27`	`&.focus {`
`28`		`- outline: 0;`
	`28`	`+ // outline: 0;`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`::ng-deep blockquote {`