Page 1 of 1

Autocomplete over TopBar

Posted: 14 Apr 2018, 00:03
by RcSGOMES
I´ve replaced the default input tag for autocomplete. It works fine but it shows the content panel of results from autocomplete behind the TopBar

<li class="search-item">

<p:autoComplete id="autoCompleteProjeto" autocomplete="true" dropdown="true" value="#{zelda.pgrController.pesquisaRapida}" completeMethod="#{pesquisaConverter.pesquisar}"
var="p" converter="pesquisa" itemValue="#{p}" forceSelection="true" emptyMessage="Sem resultados" >

<p:column" >
.........
</p:column>
</p:autoComplete>
</li>

Serenity Primefaces 6.0 WildFly 12.0.0.

Re: Autocomplete over TopBar

Posted: 16 Apr 2018, 07:47
by mert.sincan
Please try;

Code: Select all

body .ui-autocomplete-panel {
   z-index: 9999999 !important;
}

Re: Autocomplete over TopBar

Posted: 16 Apr 2018, 21:46
by RcSGOMES
Thanks! It works fine

Re: Autocomplete over TopBar

Posted: 19 Apr 2018, 15:45
by mert.sincan
Glad to hear, thanks a lot for the update!