search

amsul / pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
http://amsul.ca/pickadate.js
MIT License
7.7k stars 1.02k forks source link

year and month partly obfuscated using Chrome when using selectMonths or selectYears options #1213

Open rounders opened 3 years ago

rounders commented 3 years ago

While using chrome 83.0.4103.116 on a mac (haven't tried on windows) visit the date examples page: https://amsul.ca/pickadate.js/date/

scroll down to the 'accessibility labels' example and try the example. As you can see in the screenshot below the the year and month options are partly obfuscated.

Screen Shot 2020-07-10 at 6 36 58 PM
betheymc commented 3 years ago

Yes I noticed this on Linux on Chrome as well. It seems like wherever the dropdown is being used on months or years, you can't see part of the month and year text.

dave-stan commented 3 years ago

Any news on this problem yet? It just doesn't look professional when using Chrome.

alfredog1976 commented 2 years ago

You can set the height to the following in "default.date.css": .pickerselect--month, .pickerselect--year { height: 2.35em; }

I've tested this on Firefox/Chrome/Safari on a Mac as well as Firefox/Chrome/Edge on Windows. Don't see any issues after the change.