CODEWITHSUNDEEP
twitter-bootstrapgoogle-chrome
kpollock
kpollock

Reputation: 3989

Overflowing text and no scrollbars on multiple select with Bootstrap 4 and Chrome

Mystery one here, I see overflowing text and no scrollbars on multiple select using Bootstrap 4. It's not even an issue with my code, or I'd think I need a moderniser or normaliser script - it happens on Bootstrap's own example. Looks like this on Chrome Version 53.0.2785.116 m (64-bit), Windows 8.1.

this

Any clues?

Upvotes: 0

Views: 74

Answers (2)

kpollock
kpollock

Reputation: 3989

In my case, the behaviour I wanted (scrollbar(s) only when needed) was achieved by

select {
    overflow: auto;
}

Upvotes: 0

Celt
Celt

Reputation: 2548

Bootstrap 4 is only in Alpha at the minute. You should report the bugs if you find them.

Try using bootstrap 3 for now and switching to 4 when it is production ready.

FYI it is this property which is causing the issue:

button, input, select {
   overflow: visible;
}

Try adding this to your CSS file and it should be ok then:

input {
    overflow: hidden;
}

Upvotes: 1

Related Questions