Taxonomy terms appear over live search results

[Steve Strutt]

Toggling a taxonomy search term, on and then off, results in the term selection box appearing above the taxonomy box, overlaying the live search area.

Same scenario as other tickets. Multi-select with search is selected as the display mode, with live search results enabled. When a term is initially toggled on the live search results are displayed as expected. Though if the term is then toggled off, the live search results are recalculated, but the term selection box now appears over the live search results.

The Ajax Search Pro settings preview page also shows the same result, but the terms box will flip back to its expected position if the webpage is scrolled up or down slightly.

[Ernest Marcinko]

Hi,

It is an indended behavior for cases when the search results are not closed on blur events and the seleciton does not get covered up. It’s a bit problematic to get it right as both elements are fixed or absolute positioned, so one will hover over the other.

In your case if it fits better you can force it’s z position via this custom CSS:

.asp_select2-container {
    z-index: 10 !important;
}

This should place the selection container below the results container on the z axis.

It will however still hover over the search input, that is technically impossible to avoid. An absolute or fixed positioned element in a higher up relative descendant (the results and the floating selection in the body element) will always have precedence over elements lower down the DOM tree (the search box within the content).

• This reply was modified 7 months, 2 weeks ago by Ernest Marcinko.
• This reply was modified 7 months, 2 weeks ago by Ernest Marcinko.

[Author]

Posts