I'm using the autocomplete position option to flip the dropdown which works as long as the drop down is long enough to reach the edge of the window...
position: {
my: "left top",
at: "left bottom",
collision: "flip flip"
},
... but if the list isn't long enough it won't flip and gets hidden behind another element as seen in the following image...
What I'm trying to do is determine when the dropdown is hidden or if scrollbars appear which ever is easier and if it is flip the dropdown.