[jQuery] [autocomplete]Problem z-index with shadowbox
Hi,
I am using shadowbox (http://www.mjijackson.com/shadowbox/)
I try to use an autocomplete field in a shadowbox, but there are some
display issues.
When I type something in my autocomplete field (which is in a
shadowbox), the event is triggered, and I received the data as
expected (I use the remote autocomplete). But I can't see the matching
datas under my textbox. They are "under" the main shadowbox container.
I've tried playing with z-index in "skin.css" (shadowbox stylesheet)
and in "jquery.autocomplete.css" (autocomplete stylesheet), but
nothing changed. By default, the shadowbox body background is black,
so that I see absolutely nothing. When I change it to White, I can see
the datas returned under the textbox (without any borders). But when I
use keys or mouse to select them, style does not apply. I can select
them properly, with mouse or keyboard, my field is filled with the
chosen value, but I don't have the highlight on the element when I
navigate in the result list.
It is just a style problem...But really annoying, and I don't know
what to change to make it work.
I saw there could be issues with doctypes, so that I change mine (<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">), to this one : <!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/
html4/strict.dtd">
But it doesn't change anything.
I saw here (http://jquery.bassistance.de/autocomplete/demo/) there is
a special case for thickbox implementation. I think the problem I have
with shadowbox is similar to the one with thickbox, but I can't
figured it out.
My script and CSS come from this URL : http://jquery.bassistance.de/autocomplete/demo/
.js : http://jquery.bassistance.de/autocomplete/jquery.autocomplete.css
.css : http://jquery.bassistance.de/autocomplete/jquery.autocomplete.css
Thans for any advice.