diff --git a/packages/elemental-theme/src/custom-elements/ef-password-field.less b/packages/elemental-theme/src/custom-elements/ef-password-field.less index 1fc0fb87c3..37c9f9d5fc 100644 --- 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 index dac9f0cc77..733272bfab 100644 --- 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); } /**