iOS iPad - html wide SELECT box issue

[bucketo]

Hey guys,

Is anyone working on websites that are accessed by users with iPads?

I have a page that has a SELECT boxes. One of the boxes has items in it that are quite wide in text length.

On the iphone you would click the SELECT box and the rolodex-type control would come up. It would put a "..." in the middle and do a nasty truncation of the test but you could pretty much figure out each item in the SELECT.

Now with the iPad SELECT boxes have a new control that pops up a list for the user to select from. The problem I'm finding with this control is its way too narrow and cuts off the text entries so much that you can't figure out which entry is which. A lot of my entries start with the same few characters.

The info on the Apple dev docs are pretty scarce for iPad specific html help. Does anyone know if it's possible to apply some CSS to control the width of the popup control for SELECT boxes on the iPad?

I've tried specifying a "width" on the SELECT but it doesn't change the popup control. I've also tried the "size" option but the iPad still renders it as a single SELECT combo.

thanks for the info

Bucket

 

[rebootln]

i have the same problem - this is the only post google found for this issue


Did you manage to resolve it anyway?

 

[bucketo]

Not really at the moment.

What I've done is split the combo into 2 smaller ones now.

My old one was something like this:

"Car Manufacturer - Car Name"

Which could get quite long.

Now I have 2 combo boxes, user picks Manufacturer which reloads page to show only cars from them. Not perfect but it works for now in my case.

The other option I was going to do is spit out picklist as radio button entries but I could have 100 cars listed so that's not good either.

There has to be a way to style the select popup display. I can't imagine Apple overlooked this.

I tried a couple other web browsers you can get from the App Store but so far they all use the same popup.

I will keep you posted.