fix(password-field): deregister overflow tooltip and text ellipsis (#769

)
Refinitiv · Jun 22, 2023 · 1579e08 · 1579e08
1 parent e7aad23
commit 1579e08
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/elemental-theme/src/custom-elements/ef-password-field.less b/packages/elemental-theme/src/custom-elements/ef-password-field.less
@@ -5,7 +5,10 @@
     cursor: pointer;
   }
 
-  [part=input]::-ms-reveal {
-    display: none;
+  [part=input] {
+    text-overflow: unset;
+    &::-ms-reveal {
+      display: none;
+    }
   }
 }
diff --git a/packages/elements/src/password-field/index.ts b/packages/elements/src/password-field/index.ts
@@ -11,6 +11,7 @@ import { TextField } from '../text-field/index.js';
 import '../icon/index.js';
 import '@refinitiv-ui/phrasebook/locale/en/password-field.js';
 import { translate, Translate } from '@refinitiv-ui/translate';
+import { deregisterOverflowTooltip } from '../tooltip/index.js';
 
 let isEyeOffPreloadRequested = false;
 
@@ -75,6 +76,8 @@ export class PasswordField extends TextField {
       preload('eye-off');
       isEyeOffPreloadRequested = true;
     }
+    // password shouldn't display value on tooltip when value is overflow
+    deregisterOverflowTooltip(this);
   }
 
   /**