overflow:hidden problem

[msunely]

Greetings,

We are making a drop down menu in which data comes dynamically and it can be hundred, thousand and so on. So we fixed the height of main container & hide the rest of the content and give the up & down arrow to scroll/see the hide elements.

Now we are making second level of that drop down in which have the same feature as the above.

But we have set the overflow:hidden, this also hide the second level element. Is any way to show that element outside the main container.

[tonyf12]

That depends on how you are doing the drop downs. If you are doing it in javascript, it shouldn't matter where the the second part is relevant to the first. If you are using CSS it does.

[Steax]

Seeing that you're talking of dynamic data, and the amount of them, it'd be better to have javasript do this. Better yet, don't use a drop down menu when there are so many items. A cascading list, one like in OSX's finder app, would be much better. Supply a set of two panels. The left panel is your first list, and when an item is selected, AJAX the second list in place. Then you can apply pagination via javascript. Nice and clean.