[ic-select] Icon disappearing when disabled

Open Beginner friendly
#4,657 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
storybook, typescript
Domain
frontend

Research direction

Start with the ic-select Storybook playground and reproduce the issue using the ShowIcon control and disabled state. Trace the component implementation from that entry point, then verify that the icon remains visible and is greyed when disabled.

Written by the indexing model from the issue text.

Description

Bug Fix good first issue
Summary of the bug

The icon in the icon slot disappears when the disabled prop is set to true.

Image Image
🪜 How to reproduce
  1. Open the ic-select storybook playground
  2. Enable the ShowIcon control to show the icon
  3. Set the select to be disabled
  4. See that the Icon disappears
📸 Screenshots or code

No response

🖥 📱 Device

No response

🧐 Expected behaviour

The icon should remain and become greyed when the select is disabled.

📝 Acceptance Criteria

No response

🚨 Urgency (low, medium or high)

None

Additional info

No response

Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 2h
Merged PRs (30d)
13

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from mi6/ic-ui-kit

All issues in mi6/ic-ui-kit

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.