Autocomplete list hidden on popup window

[Stu]

Hi Bruce/Folks,

(I know you're away Bruce, and I've got a whole pretty bunch of things to hit up on here come mid Oct, but wanted to put this out here to see if someone else has fixed it up)

Screen attached.

Basically, when in a popup form where the autocomplete field is near the bottom, the list goes below the popup form.

Have been fiddling with the css, and all that I've come up with is to set

.ui-autocomplete { position:relative; }

Not great, but it pushes the popup form bottom down to show the whole autocomplete list, and when you select the popup form goes back to normal size.

Any ideas what css/jquery might be good to solve this?

Stu

[Edit 1] I tried "z-index:9999;" in the css, didn't seem to solve the issue.

[attachment deleted by admin]

[MyBrainIsFull]

Yeah mate, I have seen that too.  For me I moved the field from the bottom to nearer the top

OR  if you want it fixed today
if you promise not to tell Bruce about this, as he hates my html tricks

I took a form I am working on, and added some Xhtml before the end of form
It has a bunch of white space padding to make the form longer so the drop dosent fall off the end.

I put a horizontal line at the end of my form (under the checkout button) then padded it and put the letter 'z' there to see where it ends.   
This will get you going till October when Mr Css can poo poo this.   <V B Grin>


[attachment deleted by admin]

[Stu]

Cheers muchly!

I think the .ui-autocomplete { position:relative; } kind of works a little smoother (it's not smooth, but it's a step more than always showing the extra whitespace, only shows when the dropdown is active).

Thanks again.