Password input eye icon is visible on disabled state #2180
Description
Prerequisites
- I have read the Contributing Guidelines.
- I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.
What happened?
On my React application, I implemented a password input with IxInput. This input should be disabled in a specific state.
If the input is enabled, there is no problem. But if the input becomes disabled, the eye icon that hides the password text is still visible. I thought that it should not be visible when it is disabled.
I attached StackBlitz code to reproduce it. I could not install ix-brand-theme to the project, but the issue is still visible.
On my current project, we also use ix brand theme, and the issue is visible. I can share the screenshot of it if StackBlitz is not enough.
Please see my implementation below:
<IxInput
type='password'
placeholder={"Enter"}
label={"Password"}
onValueChange={() => {}}
disabled={!someState}
className='w-full mb-2'
id='password-input'
/>
What type of frontend framework are you seeing the problem on?
React
On which version of the frontend framework are you experiencing the issue?
Which version of iX do you use?
v3.2.0
Code to produce this issue.
https://stackblitz.com/edit/vitejs-vite-etrjkjxd