peakpassword button should not trigger on enter

klippa-app · Sep 26, 2024 · 27656be · 27656be
1 parent e62ceed
commit 27656be
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 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.23.5",
+  "version": "18.23.6",
   "publishConfig": {
     "access": "public"
   },

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.html b/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.html
@@ -15,8 +15,8 @@
 	<div class="tail">
 		<ng-container [ngTemplateOutlet]="getTailTpl()"></ng-container>
 		<div class="clearIcon" *ngIf="clearable && innerValue?.length > 0" (click)="resetToNull()">×</div>
-		<button class="peakBtn" (click)="togglePeakPassword()" *ngIf="passwordPeekIcon && type === 'password'">
+		<div class="peakBtn" (click)="togglePeakPassword()" *ngIf="passwordPeekIcon && type === 'password'">
 			<ng-container [ngTemplateOutlet]="passwordPeekIcon"></ng-container>
-		</button>
+		</div>
 	</div>
 </div>
diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.scss b/projects/klippa/ngx-enhancy-forms/src/lib/elements/text-input/text-input.component.scss
@@ -64,6 +64,9 @@ input {
 	background: transparent;
 	height: 100%;
 	padding: 0;
+	display: flex;
+	align-items: center;
+	cursor: pointer;
 }
 
 .showErrors {