mi6 / mi6/ic-ui-kit

[Ic-Select] - Remove use of native select on mobile devices

Open
#3,771 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

### Summary
Remove using native select elements on mobile devices to ensure UI consistency and ability to use a searchable select

### 💬 Description
Currently when using an ic-select on a mobile device, the native select component is used for the single select and searchable variants. This is inconsistent as a multi-select uses the custom component.

Screen shots:

Single select:

Image

Searchable (not actually searchable):

Image

Multi-select:

Image

### 💰 Use value
Removing the native select would have 2 advantages:

1) Consistency of UI on mobile devices - all select variants would have the similiar styling.
2) Searchable select would work on mobile devices. Currently it doesn't: you are unable to type in the field and it just behaves like a single select.

### 🚨 Urgency (low, medium or high)
Low

### Additional info
possibly a breaking change?

Contributor guide

Open the contributing guide

Research direction

Start at the ic-select component and trace how single-select and searchable variants choose the native select on mobile, comparing that behavior with the multi-select variant. Done means mobile single, searchable, and multi-select variants use the consistent custom component, with searchable selection accepting text input; check for any breaking behavior noted in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.