Skip to content

fix(core/input): remove color from eye icon and render it conditionally#2523

Open
nuke-ellington wants to merge 2 commits into
mainfrom
fix/input-password-eye
Open

fix(core/input): remove color from eye icon and render it conditionally#2523
nuke-ellington wants to merge 2 commits into
mainfrom
fix/input-password-eye

Conversation

@nuke-ellington
Copy link
Copy Markdown
Collaborator

💡 What is the current behavior?

GitHub Issue Number: #

🆕 What is the new behavior?

  • Remove color red from password input eye icon button
  • Render show password button conditionally to prevent focusing of hidden button

🏁 Checklist

A pull request can only be merged if all of these conditions are met (where applicable):

  • 🦮 Accessibility (a11y) features were implemented
  • 🗺️ Internationalization (i18n) - no hard coded strings
  • 📲 Responsiveness - components handle viewport changes and content overflow gracefully
  • 📕 Add or update a Storybook story
  • 📄 Documentation was reviewed/updated siemens/ix-docs
  • 🧪 Unit tests were added/updated and pass (pnpm test)
  • 📸 Visual regression tests were added/updated and pass (Guide)
  • 🧐 Static code analysis passes (pnpm lint)
  • 🏗️ Successful compilation (pnpm build, changes pushed)

👨‍💻 Help & support

@nuke-ellington nuke-ellington added this to the 5.0.0 milestone Apr 29, 2026
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 29, 2026

🦋 Changeset detected

Latest commit: 9c7d080

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages
Name Type
@siemens/ix Patch
@siemens/ix-angular Patch
@siemens/ix-docs Patch
@siemens/ix-react Patch
@siemens/ix-vue Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request updates the ix-input component to conditionally render the password toggle button instead of hiding it with CSS, which improves accessibility and cleans up debug styles. The feedback highlights the need to manually trigger updatePaddings() using a ref callback because shadow DOM changes are not caught by the existing observer. Additionally, the reviewer noted that axe-based accessibility tests should be added to comply with the repository's style guide for component changes.

Comment thread packages/core/src/components/input/input.tsx Outdated
Comment thread packages/core/src/components/input/tests/password-input.ct.ts
@nuke-ellington nuke-ellington changed the title fix(core/input): remove color from eye icon and render it conditianlly fix(core/input): remove color from eye icon and render it conditionally Apr 29, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented May 20, 2026

Deploy Preview for ix-storybook ready!

Name Link
🔨 Latest commit 9c7d080
🔍 Latest deploy log https://app.netlify.com/projects/ix-storybook/deploys/6a0d6dd2dd28c00008f42dda
😎 Deploy Preview https://deploy-preview-2523--ix-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link
Copy Markdown

@nuke-ellington nuke-ellington modified the milestones: 5.0.0, 5.1.0 May 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant