Merge pull request #8215 from IgniteUI/didimmova/hint-stop-focus-10.1.x

simeonoff · web-flow · commit 8d34028d0d6f · 2020-09-29T11:31:14.000+03:00
fix(input-group): prevent focusing input on hint click
diff --git a/projects/igniteui-angular/src/lib/input-group/input-group.component.html b/projects/igniteui-angular/src/lib/input-group/input-group.component.html
@@ -4,7 +4,7 @@
 
 <div class="igx-input-group__border" *ngIf="hasBorder"></div>
 
-<div class="igx-input-group__hint">
+<div class="igx-input-group__hint" (click)="hintClickHandler($event)">
     <ng-content select="igx-hint, [igxHint]"></ng-content>
 </div>
 
diff --git a/projects/igniteui-angular/src/lib/input-group/input-group.component.ts b/projects/igniteui-angular/src/lib/input-group/input-group.component.ts
@@ -185,6 +185,10 @@ export class IgxInputGroupComponent extends DisplayDensityBase
         }
     }
 
+    hintClickHandler(event) {
+        event.stopPropagation();
+    }
+
     /**
      * An @Input property that sets how the input will be styled.
      * Allowed values of type IgxInputGroupType.

Original file line number	Diff line number	Diff line change
`@@ -185,6 +185,10 @@ export class IgxInputGroupComponent extends DisplayDensityBase`
`185`	`185`	`}`
`186`	`186`	`}`
`187`	`187`
	`188`	`+ hintClickHandler(event) {`
	`189`	`+ event.stopPropagation();`
	`190`	`+ }`
	`191`	`+`
`188`	`192`	`/**`
`189`	`193`	`* An @Input property that sets how the input will be styled.`
`190`	`194`	`* Allowed values of type IgxInputGroupType.`