Vue - Searchbar in popup subnavbar not working


#1

I am trying to use the searchbar in the navbar of a popup
`

	<f7-page>
        <f7-navbar title="Inserisci">
        	<f7-subnavbar :inner="false">
		      <f7-searchbar
		      :custom-search="true"
		      @searchbar:search="onSearch"
		      ></f7-searchbar>
        	</f7-subnavbar>
          <f7-nav-right>
            <f7-link popup-close>Close</f7-link>
          </f7-nav-right>
        </f7-navbar>
        <f7-block>
		      <f7-list class="searchbar-not-found">
		      	<f7-list-item title="Nothing found"></f7-list-item>
		      </f7-list>
		      <f7-list class="search-list searchbar-found">
		      	<f7-list-item v-for="poi in foundPois" v-bind:title="poi.name"></f7-list-item>
		      </f7-list>
        </f7-block>
	</f7-page>

</f7-popup>

`
Is this supposed to work?


#2

Yes, it should work, and the layout seems correct for me. And it is how it is done and works in Kitchen Sink https://github.com/framework7io/framework7/blob/master/kitchen-sink/vue/src/pages/searchbar.vue