Question

I am using jquery autocomplete in an html page which is used as source for an ifrmae.
The height and width of iframe is fixed at around 450px width and 160p px height

Now the issue is when the result set of autocomplete is bit large then the whole setup gets messed up. what I am trying to do is somehow set the z-index of the textboxes so that the result should appear outside of the frame boundary.

Currently I have increased the size of the iframe but thats consuming alot of empty space.

Any suggestions on how to resolve this are welcome.

Answer 1

Content in an iframe can’t “leak” out into it’s containing document. You could update the height of the iframe when the autocomplete list is updated.

Check to see how many items are in the list or the height of the list and update the height of the iframe accordingly:

$('#some-element').autocomplete({
    change : function (event, ui) {
        var theHeight = $(this).height();
    }
});