## Background
In the current Select in Codex, the text wraps to a second line when the text exceeds the maximum of the first line. In the rest of form items, the text maintains in one single line (e.g. TextInput uses the horizontal scroll when the characters exceed the maximum). We should do the same in Select and limit its text length with ellipsis when it exceeds the maximum.
| {F37834474} | {F37834475} |
| Current implementation | Proposal |
### Previous implementations
- **Codex demo:** [[ https://doc.wikimedia.org/codex/main/components/demos/select.html | Select in Codex ]]
- **OOUI:** [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#demo-section-dropdown | Select in OOUI ]]
### Design spec
// Once a component spec sheet has been created in Figma, remove the note stating that the spec is missing and link to the spec below. //
| Component spec sheet |
### Open questions
// Add here the questions to be answered in order to design and implement the component //
### Acceptance criteria (or Done)
**Design**
[] Design the Figma spec sheet and add it in this task
[] Update the component in the Figma [[ https://www.figma.com/file/KoDuJMadWBXtsOtzGS4134/❖-Codex-components?node-id=1891%3A4420&viewport=287%2C338%2C0.28 | library ]]. //This step will be done by a DST member.//
**Code**
[] Implement the component in Codex