Skip to main content

Search and Top Navigation

#6724 closed bug (worksforme)

Opened December 06, 2010 06:15PM UTC

Closed December 06, 2010 06:22PM UTC

Last modified December 06, 2010 07:25PM UTC

jQueryUI does not honour DOM/CSS hierarchy

Reported by: bmh_ca Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.autocomplete Version: 1.8.5
Keywords: Cc:
Blocked by: Blocking:

hen one hovers their mouse over an autocomplete option the element containing the autocompleting input tag is no longer in 'mouseover'ed' and per the CSS rules the input tag disappears with its container. This is not the desired behaviour; I'd like to keep the input tag visible when highlighting the autocomplete selections.

I would hope and expect that it'd be possible to move the autocomplete elements to the DOM next to the input tag (i.e. x = $("#X"); x.append(x.autocomplete('widget'))), and therefore the CSS rules would keep the input and its parent visible. Alas, this doesn't work.

Here's an example:

Here's a workaround:

See also:

Attachments (0)
Change History (3)

Changed December 06, 2010 06:22PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: newclosed

Use the appendTo option.

Changed December 06, 2010 07:02PM UTC by bmh_ca comment:2

Replying to [comment:1 scott.gonzalez]:

Use the appendTo option.

That's brilliant, thanks; I would have appreciated a bit of direction (e.g. to the code -- because appendTo is not an apparent or documented option of the autocomplete plugin.

Changed December 06, 2010 07:25PM UTC by scottgonzalez comment:3

Sorry, I forgot that the docs on doesn't get updated until we do a release. You can see the documentation for the appendTo option at