Combodate date-picker border issue for date of birth field

Question

I am using the combodate dropdown date picker for my application.The issue when i open it in the firefox browser the border is not coming .

Below images gives clear idea like what is happening.

Here the for the month field dropdown the border is not coming.

but coming date and year it is working fine.

I am not getting where it is going wrong.please help me out with this issue.

Many Thanks in advance....

Answer 1

This is due to a bug in firefox Reference

Ideally you could give width 99.99% instead of 100% in your css to your particular select drop down.

Answer 2

I worked around on this like in combodate.js we have a js line

this.$widget.find('select').css('width', 'auto').addClass('form-control');

and i Made it to

this.$widget.find('select').css('width', '92px').addClass('form-control');

This helped me out and working fine in all browsers and ipad/iphones.