Skip to content

fix(core/select): Make disabled prop work for select items#2567

Merged
danielleroux merged 2 commits into
mainfrom
fix/IX-4149-select-disabled
Jun 8, 2026
Merged

fix(core/select): Make disabled prop work for select items#2567
danielleroux merged 2 commits into
mainfrom
fix/IX-4149-select-disabled

Conversation

@dmytro-halimov

@dmytro-halimov dmytro-halimov commented May 26, 2026

Copy link
Copy Markdown
Collaborator

💡 What is the current behavior?

"disabled" prop is ignored when set to select item.

JIRA ref: IX-4149
Docs repo PR: siemens/ix-docs#241

🆕 What is the new behavior?

"disabled" prop now works properly, setting it up disabled the selected item.

🏁 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

@changeset-bot

changeset-bot Bot commented May 26, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: e0640fe

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

This PR includes changesets to release 7 packages
Name Type
@siemens/ix Minor
@siemens/ix-aggrid Major
@siemens/ix-angular Minor
@siemens/ix-docs Minor
@siemens/ix-echarts Major
@siemens/ix-react Minor
@siemens/ix-vue Minor

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

@netlify

netlify Bot commented May 26, 2026

Copy link
Copy Markdown

Deploy Preview for ix-storybook ready!

Name Link
🔨 Latest commit e0640fe
🔍 Latest deploy log https://app.netlify.com/projects/ix-storybook/deploys/6a202d459df3cb0008cb5cd5
😎 Deploy Preview https://deploy-preview-2567--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.

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

Copy link
Copy Markdown
Contributor

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 introduces a new disabled property to the ix-select-item component, reflecting the state to the host, propagating it to the underlying ix-dropdown-item, and ensuring disabled items are excluded from mouse and keyboard selection. It updates the Angular, React, and Vue wrappers, and adds unit and component tests. The reviewer feedback suggests changing the changeset type from patch to minor to align with the new API addition, and adding an axe-based accessibility scan to the component tests to ensure accessibility compliance.

Comment thread .changeset/select-item-disabled-fix.md Outdated
Comment thread packages/core/src/components/select/test/select.ct.ts

@danielleroux danielleroux left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Searching a disabled item (if its the last one) will show a scrollbar

Image

Storybook: https://deploy-preview-2567--ix-storybook.netlify.app/?path=/story/example-select--editable-with-dropdown-width

  1. Disable Item 2 (Via dev console or local)
  2. Search for "Item 2"

Clarification needed for disabled item which is selected programmatically

Image

Storybook: https://deploy-preview-2567--ix-storybook.netlify.app/?path=/story/example-select--editable-with-dropdown-width

  1. Disable Item 2 (Via dev console or local)
  2. Set value to "2"

@dmytro-halimov dmytro-halimov force-pushed the fix/IX-4149-select-disabled branch from 927555f to e0640fe Compare June 3, 2026 13:33
@sonarqubecloud

sonarqubecloud Bot commented Jun 3, 2026

Copy link
Copy Markdown

@dmytro-halimov

Copy link
Copy Markdown
Collaborator Author

Just for a reference here: we decided to go with native-like approach and disable only user interaction. Programmatically it's still possible to change the state of a select item. Might refined in the future

@danielleroux danielleroux merged commit 64e649a into main Jun 8, 2026
38 of 39 checks passed
@danielleroux danielleroux deleted the fix/IX-4149-select-disabled branch June 8, 2026 07:36
@github-actions github-actions Bot mentioned this pull request Jun 8, 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.

2 participants