Feeling Lucky
?
[#17817] - [4.0] Select box need a max-width
- Closed
- 30 Dec 2017
- Medium
- Build: staging
- # 17817
Steps to reproduce the issue
Depending on the length of the items in the select box then the select box can break the layout of the page as shown below - shouldnt there be a max-width or something to ensure a consistent width. The dropdown already expands greater than the box
| Labels |
Added:
?
|
||
franz-wohlkoenig
- | Category | ⇒ | Layout |
brianteeman
- comment
- 1 Sep 2017
If i change the max-width from 100% to 240px then it works as I expect
| Status | New | ⇒ | Discussion |
brianteeman
- comment
- 6 Dec 2017
@C-Lodder your description of the intended behaviour seems correct
I'd rather just the dropdown expanded than the whole thing.
The problem is that the max-width of 100% doesnt do that without also breaking the layout as I described.
Setting
custom-select {
max-width: 240px;
}
resolves that.
Or am I talking rubbish?
| Status | Discussion | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2017-12-30 11:16:06 |
| Closed_By | ⇒ | franz-wohlkoenig |
| Closed_By | franz-wohlkoenig | ⇒ | joomla-cms-bot |
joomla-cms-bot
- comment
- 30 Dec 2017
Set to "closed" on behalf of @franz-wohlkoenig by The JTracker Application at issues.joomla.org/joomla-cms/17817
It's overlapping because it does have a
max-width.If I remove the
max-width, the selectbox will become as long as the longest option. Id rather just the dropdown expanded than the whole thing.So this was intentional