advanced search: autocomplete suggestions broken layout - Cobalt 8

Гость
11 Фев 2014 11:12

Hello,

please test advanced search here

and try to type tags or author, you will see that autocomplete suggestion are displaied at teh far right of the page, invisible to the user

not sure if this is a bug, but it's happening also with joomla protostar template so it's not due to my template css

I found that by unchecking these 3 css rules below in chrome dev console

solve the issue, but I still don't know if overriding these will cause problems elsewhere on the site

also setting overflow to "visible"

solve the issue, but the autocomplete suggestion are not displaied on top of the records list and are being hidden where the records list begins

thank you

Последние изменения: 02 Март 2014

Total posts: 13,748
12 Фев 2014 01:45

Try o add


.tab-pane {

    min-height:400px;

}

Гость
12 Фев 2014 03:34

I also have the same problem. Do we need the above in template css?

Гость
12 Фев 2014 09:20

ok,

this css override

.tabs-left .tab-content {overflow: visible;}

solve the issue of the autocomplete suggestions being displaied not below the autocomplete field

but they are still being cut away where the record list begins

Total posts: 13,748
13 Фев 2014 02:18

but they are still being cut away where the record list begins

Because this is overflow:hidden of other div.

Гость
14 Фев 2014 06:14

then is there a proper way to solve this

or it's better to avoid the autocomplete style in advanced search filters ? (it would be a pity, because it's really useful)

Гость
14 Фев 2014 06:22

I won't recommend to avoid the autosearch thing, this is one of the most useful thing on google search. we need to think other alternative ways.

Total posts: 13,748
14 Фев 2014 07:11

or it's better to avoid the autocomplete style in advanced search filters ?

It depends. If there are not many values checkboxes may be even better. But if there are a lot of values, then autocomplete is good option.

Работает на Cobalt