New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

part of text being hidden within select2 box #3

Open

sksallaj82 opened this issue Feb 14, 2018 · 1 comment

sksallaj82 commented Feb 14, 2018 •

edited

Loading

To fix this, I added the following:

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
overflow: visible;
}

and changed line-height:

.select2-container--bootstrap4 .select2-selection--single {
height: calc(2.25rem + 2px);
line-height: 1;
padding: 0.75rem 1.125rem 0.75rem 0.375rem;
}

to

.select2-container--bootstrap4 .select2-selection--single {
height: calc(2.25rem + 2px);
line-height: 0.5;
padding: 0.75rem 1.125rem 0.75rem 0.375rem;
}

and this is what it now looks like:

VictorioBerra commented May 7, 2018

@CloudyBrain Can you please submit this as a PR?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment