Merge pull request #8214 from IgniteUI/didimmova/hint-stop-focus-7489

simeonoff · web-flow · commit 75222f23cb6c · 2020-09-29T11:24:19.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
@@ -184,6 +184,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
`@@ -184,6 +184,10 @@ export class IgxInputGroupComponent extends DisplayDensityBase`
`184`	`184`	`}`
`185`	`185`	`}`
`186`	`186`
	`187`	`+ hintClickHandler(event) {`
	`188`	`+ event.stopPropagation();`
	`189`	`+ }`
	`190`	`+`
`187`	`191`	`/**`
`188`	`192`	`* An @Input property that sets how the input will be styled.`
`189`	`193`	`* Allowed values of type IgxInputGroupType.`