Some text cut when selectYears: true or selectMonths: true

[keyurpatel30]

I am using Chrome to test & check.

Some of the dropdown selected item display text is cut from the bottom as shown in the images below.

Example image from the website (only if dropdown selectors are set to true):

Somehow looks even worse on the website I use it on:

and

[rrikesh]

See https://github.com/amsul/pickadate.js/issues/384#issuecomment-343077594

Add this to your CSS:

.picker__select--month, .picker__select--year {
  padding:0;
}

[keyurpatel30]

Worked like a charm, thank you!

[DanielRuf]

So this is a bug then?

[rrikesh]

I get the bug on the dropdown selectors example - http://amsul.ca/pickadate.js/date/#selectors - only on Firefox Mac. Looks good on Chrome and Safari.

[clearwaterstream]

I do this:

.picker__select--month, .picker__select--year { height: auto; }

I find that padding 0 makes the dropdowns a bit too narrow