I don’t know if this question is relevant, but it has become an issue at my workplace, so…
One of our clients (using a Mac) showed us a ‘problem’ in a dropdown that we made using the default <select> tag. The dropdown has 43 <option>‘s. In our Windows PC, the dropdown has a scroll bar (as you can see in the screenshot) showing only some items at a time. But in the client’s browser, the dropdown shows all the items at once.
Is there a way to have scroll bars on the dropdown on Mac PCs? If no, what possible alternatives can I apply to get rid of this issue? Please note that the dropdown uses HTML’s default <select> and <option> tags and I am hoping not to use any jQuery plugins as an alternative.
Thanks 🙂
Edit: For reference, here’s the website – http://webcityhome.com/client/aairportershuttle/reservation.php (On the Pickup Location, go to ‘Pier’ and select ‘Pier no.’) (link defunct)
This is the Windows screenshot in our PC –

And this is the Mac screenshot in the client’s PC –

This is the normal, expected behavior of a dropdown list on OS X. OS X uses the entire available vertical space for the list, it does not restrict it to some arbitrary portion of the screen.
I’d tell your client politely to shove it. What he wants to do is alter the default behavior of standard OS provided controls. That’s not the job of a website developer, and it’s not an issue either. It’d be an issue to change it and provide all users with unexpected behavior.
Every single dropdown list in OS X works this way. Ask your client why it’s only an issue on your site.