dont run cd when mouseenter

klippa-app · Nov 25, 2024 · 4a34afc · 4a34afc
1 parent 006b9a8
commit 4a34afc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/projects/klippa/ngx-enhancy-forms/package.json b/projects/klippa/ngx-enhancy-forms/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@klippa/ngx-enhancy-forms",
-  "version": "18.25.2",
+  "version": "18.25.3",
   "publishConfig": {
     "access": "public"
   },

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/form/form-element/form-element.component.html b/projects/klippa/ngx-enhancy-forms/src/lib/form/form-element/form-element.component.html
@@ -25,7 +25,7 @@
 		</div>
 		<ng-container [ngTemplateOutlet]="captionTpl"></ng-container>
 		<ng-container *ngIf="direction === 'vertical' && getErrorLocation() === 'belowCaption' && !errorMessageAsTooltip" [ngTemplateOutlet]="errorRef"></ng-container>
-		<div class="inputContainer" (mouseenter)="setErrorTooltipOffset()">
+		<div class="inputContainer" #inputContainer>
 			<ng-container *ngIf="errorMessageAsTooltip && shouldShowErrorMessages() && getErrorToShow()">
 				<div class="errorTooltipTriangle"></div>
 				<div class="errorTooltipTriangleWhite"></div>

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/form/form-element/form-element.component.ts b/projects/klippa/ngx-enhancy-forms/src/lib/form/form-element/form-element.component.ts
@@ -55,6 +55,7 @@ export class FormElementComponent implements AfterViewInit, OnDestroy {
 	@ViewChild('absoluteAnchor') public absoluteAnchor: ElementRef;
 	@ViewChild('fixedAnchor') public fixedAnchor: ElementRef;
 	@ViewChild('fixedWrapper') public fixedWrapper: ElementRef;
+	@ViewChild('inputContainer') public inputContainer: ElementRef;
 	@ContentChild(NG_VALUE_ACCESSOR) fieldInput: ValueAccessorBase<any>;
 
 	public captionRef: TemplateRef<any>;
@@ -80,6 +81,11 @@ export class FormElementComponent implements AfterViewInit, OnDestroy {
 		if (isValueSet(subscription))  {
 			this.subscriptions.push(subscription);
 		}
+		this.ngZone.runOutsideAngular(() => {
+			this.inputContainer?.nativeElement.addEventListener('mouseenter', () => {
+				this.setErrorTooltipOffset();
+			});
+		});
 	}
 
 	public shouldShowErrorMessages(): boolean {