Ajax ComboBox Result List Position Problem

If you use the Ajax control toolkit’s ComboBox control inside a DIV element which It’s position set as relative, then the result list of the ComboBox will come in an odd location. Normally at the bottom of the parent div.

This happen because of the parent div position and the ComboBox’s list also showing based on that setting.

To fix this
1)      Add CssClass=”WindowsStyle” to the combobox tag

2)      Add this to the page
<style>
.WindowsStyle .ajax__combobox_itemlist
{position:inherit !important; }
</style>

Then the combobox result list will get its immediate parent’s position
On a side note, if you see the combobox is miss align with out controls add RenderMode=”Block”

Hope this helps.