jquery autocomplete suggestions hidden

Question

When using jquery autocomplete in a frameset, the list of suggestions is hidden behind the lower frame. When using a usual Html select field - values are shown on top of the lower frame (as should be).Html select - OK jquery autocomplete - hidden - not OK

Working with framesets is enforced in this project by the framwork... nothing we can do about that.

Answer 1

I'd suggest two things mate,

a) Increase the Height of your Frame, say may be atleast 200px

b) Set the following css in the same page as autocomplete:

<style>
       .ui-autocomplete {
            max-height: 150px;
            overflow-y: auto;
            overflow-x: hidden;
            padding-right: 20px;
        } 
</style>

Hope this helps !!