You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The size attribute controls the number of visible "rows" the select displays. It is commonly used in conjunction with the multiple attribute, but can be used on single selects to produce a "list-box" style select (except on some mobile browsers).
When used on a .custom-select, not in multiple mode, the size attribute is not respected and only single option (and bits of the next option) are shown (as well as bits of the custom select indicator):
As an aside note, when in multiple mode, there is also excess padding on the right (where the custom indicator would be on a single select)
Workaround CSS:
.custom-select[multiple],
.custom-select[size]:not([size="1"])
{
height: auto;
background-image: none;
/* Fix for excess right padding */padding-right:0.75rem;
}
The text was updated successfully, but these errors were encountered:
The
size
attribute controls the number of visible "rows" the select displays. It is commonly used in conjunction with themultiple
attribute, but can be used on single selects to produce a "list-box" style select (except on some mobile browsers).When used on a
.custom-select
, not inmultiple
mode, thesize
attribute is not respected and only single option (and bits of the next option) are shown (as well as bits of the custom select indicator):As an aside note, when in multiple mode, there is also excess padding on the right (where the custom indicator would be on a single select)
Workaround CSS:
The text was updated successfully, but these errors were encountered: