ant-design/ant-design

Select: define the width of select item option

Open

#30,165 opened on Apr 16, 2021

View on GitHub
 (3 comments) (4 reactions) (0 assignees)TypeScript (98,031 stars) (54,612 forks)batch import
Inactivehelp wanted💡 Feature Request

Description

  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

I has more the 50 items in a multi-select. I think a wide and multi-column or grid drop down panel is better than current single column drop down list.

What does the proposed API look like?

 // the width of select item option (default is as wide as the drop down list )
selectItemWidth: number | string;

Contributor guide

Tech stack
reacttypescriptcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactTypeScriptCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Investigate the Select component in ant design, likely in components/select/. The feature requires adding a new prop 'selectItemWidth' to customize the width of each option. Look at how existing props like 'width' or 'dropdownStyle' are implemented, and ensure the prop is typed and applied via CSS. No linked PRs or assignees, so implementation is open.