Searchbar backdrop

1

Hi Vladimir, I have a multi tab app, with virtual lists and searchbars in each tab/view.

The backdrop for the searchbar (the page content turns gray) works only in the first tab.

Thanks!

Greetings,
Jorge

2

Hard to say without seeing the issue or code. I can only guess that issue is that you have some too common (or same) selectors for different seachbars. So only first searchbar gets activated all the time

3

Or searchbar backdrop element in a wrong position

4

Hi Vladimir, thanks for your response

It’s a minor issue, but it was working in 4.x

You can test it at

http://cloudycrm.net/c/cordova/v7/index.html
Instance: utn
Endpoint: https://utn.cloudycrm.net/restful
App: default
Usuario: vladimir
Contraseña: 54321

The backdrop on tab Contactos is working fine, in Tareas not

Thanks again
Jorge

5

Ok, looks like position:fixed has issue with animated tabs, just place searchbar-backdrop before page-content:

You have:

<div class="page-content">
  <div class="searchbar-backdrop"></div>
  ...
</div>

Change to:

<div class="searchbar-backdrop"></div>
<div class="page-content">
  ...
</div>
6

It works like a charm!

Thanks Vladimir, keep walking!

Greetings,
Jorge