Search and Top Navigation
#11198 closed bug (fixed)
Opened February 24, 2015 02:09AM UTC
Closed March 05, 2015 04:43PM UTC
Last modified March 05, 2015 04:45PM UTC
Selectmenu default width is too small, causes overflow
| Reported by: | sandygettings | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.12.0 |
| Component: | ui.selectmenu | Version: | 1.11.3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
By default, the width of a selectmenu is based on the native select element. However, the widget adds a small triangle icon on the right side of the button. This makes the selectmenu button too narrow for the selected item’s text and causes the text to overflow (which is displayed with ellipses).
The programmer can specify a fixed width to avoid this problem. However, when unknown data are displayed in the selectmenu (for example, from a database query), a fixed width may not be a good solution.
The widget should increase the default width to allow for both the text and the triangle icon.
A sample demonstrating the problem is available here: http://adacare.com/TestSelectmenuOverflow.html
Attachments (0)
Change History (5)
Changed February 24, 2015 02:04PM UTC by comment:1
Changed February 26, 2015 01:05PM UTC by comment:2
| status: | new → open |
|---|
The team has decided to change the default behavior, but has not yet agreed on what that behavior should be.
Changed March 04, 2015 07:29PM UTC by comment:3
Changed March 05, 2015 04:43PM UTC by comment:4
| resolution: | → fixed |
|---|---|
| status: | open → closed |
Selectmenu: Support width: false and default to 14em
width: null still matches the width of the original element.
width: false prevents an inline style from being set for the width. This
makes it easy to set the width via a stylesheet and allows the use of any
unit for setting the width, such as the new default of 14em.
Fixes #11198
Closes gh-1467
Changeset: af4c35df9d1cf4c15d57b3789711026360785831
Changed March 05, 2015 04:45PM UTC by comment:5
| milestone: | none → 1.12.0 |
|---|
The styling (font size, etc.) is also very different. The default behavior is to fill the existing space that was being occupied so as not to change the flow of surrounding elements.