Hi there,
I'm creating a grid, and it will end up with combo boxes stacked
one on top of the other. Each row is in its own div. If I do this:
<div height="50" name="week1" width="790" x="0" y="0">
<combobox height="100" name="combobox1" width="130" x="11" y="7"
background="#FFFFFF"
itemSeparator="true" selectedIndex="0" itemWidth="100"
itemHeight="25" onchange="updateGrid()" value="Label #0"
>
</div>
<div height="50" name="week1" width="790" x="0" y="50">
<combobox height="100" name="combobox1" width="130" x="11" y="7"
background="#FFFFFF"
itemSeparator="true" selectedIndex="0" itemWidth="100"
itemHeight="25" onchange="updateGrid()" value="Label #0"
>
</div>
Then the comboboxes get cliped at 50 when I click on the down-arrow.
However, if I change the div heights to 100, then the pulldown menu
from the top one gets mixed in with the second combo box graphically
when I click the downarrow (in other words, the second combo box
bleeds through the dropdown of the first)
Short of placing the combo boxes apart by a large vertical space
(which defeats the purpose of a grid layout), is there a way to make a
group of vertically stacked combo boxes work right?