mi6 / mi6/ic-ui-kit

[ic-select] Icon disappearing when disabled

Open Beginner friendly
#4,657 0 comments 0 reactions 0 assignees View on GitHub
Bug Fix good first issue
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

### 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_

Contributor guide

Open the contributing guide

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.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.