Need minimum width in Claro

Created on 8 December 2023, 7 months ago
Updated 10 January 2024, 5 months ago

Problem/Motivation

When the length of the items to be selected is short, the control does not display properly.

Note that this issue is a regression from a fix that was done to resolve another width related issue in the Claro theme β†’ .

Steps to reproduce

Proposed resolution

I believe that simply adding a min-width to the .form-element.chosen-container-multi css class would do the trick. Setting the min-width to 200px would make the control wide enough to show the entire default placeholder message.

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Active

Version

4.0

Component

Code

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • πŸ‡¦πŸ‡ΊAustralia peterwcm

    Setting a min-width is probably not scalable because it only supports the default placeholder text. The overflow is caused by the min-width set for .chosen-choices, removing that should fix the overflow issue and it's up to users to set a min-width in their custom implementations.

Production build 0.69.0 2024