osion
asked on
select box - odd behaviour when showing options - showing upwards
Hi all,
I have a select box on a page with about 150 options.
When a user goes to select and option the options appear up the way.
thats normally ok, but for some reason the top of the options are displayed outside of the browser window! So its drawing outside the viewport.
pretty odd.
The select is in a div thats absolutely positioned but i changed it to a table and that didnt have any impact either.
Is there any way to specify the direction the options appear so I can force it to appear below?
Of failing that can i reduce the number of results shown at a time in the select boxes options?
Thanks!
o
I have a select box on a page with about 150 options.
When a user goes to select and option the options appear up the way.
thats normally ok, but for some reason the top of the options are displayed outside of the browser window! So its drawing outside the viewport.
pretty odd.
The select is in a div thats absolutely positioned but i changed it to a table and that didnt have any impact either.
Is there any way to specify the direction the options appear so I can force it to appear below?
Of failing that can i reduce the number of results shown at a time in the select boxes options?
Thanks!
o
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hey,
Yes a lovely little nuance that only arrives once your finished :)
Well I ve found a pretty un technical workaround! I've swapped the location of the box around with another one and low and behold its fine again.
Thank goodness as there doesnt seem to be any way to control it apart from building a drop down with a list instead!
Thanks for the help though!
O
Yes a lovely little nuance that only arrives once your finished :)
Well I ve found a pretty un technical workaround! I've swapped the location of the box around with another one and low and behold its fine again.
Thank goodness as there doesnt seem to be any way to control it apart from building a drop down with a list instead!
Thanks for the help though!
O
Thank you for the grade & points.
Sorry I didn't have a better answer for you.
Good luck & have a great day.
Sorry I didn't have a better answer for you.
Good luck & have a great day.
ASKER
Thanks for the reply. Well the select appears in the top third of the page. I thought it would show down the way as theres more room but it seems to always go up. It only happens at 1024 x 768 resolution, but thats the resolution I have to design for.
The typeahead option would work but unfortunately the users have to be able to select an option from the list. We actually imlpemented a type ahead textbox already for another field.
I've just noticed it only happens in IE7 and not in IE6! how odd is that!
O