I have the following code in a popover template:
<ion-popover-view class="customPopup">
<ion-header-bar class="bar bar-header barHeaderCustom">
<h1 class="title">{{ 'AVAILABLE_SOUNDS' | translate }}</h1>
</ion-header-bar>
<ion-tabs class="tabs-icon-only tabs-top tabs-positive">
<ion-tab title="{{ 'SOUNDS' | translate }}">
<ion-content class="has-header">
<!-- SEARCH INPUT-->
<label class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="{{ 'SEARCH' | translate }}" ng-model="searchedStringSingleSounds">
</label>
<!-- //SEARCH INPUT-->
<div ng-click="addSoundToSelection({{$index}},'singles')" class="item item-button-right" ng-repeat="sound in availableSounds| filter:searchedStringSingleSounds">
{{sound.name}}
<button class="button button-positive" >
<i class="icon ion-plus-circled"></i>
</button>
</div>
</div>
</ion-content>
</ion-tab>
This code generates the following popover window:
The issue is that the input field is scrolling with the list view content, but it should be static. How can I fix this?
I have tried to find a solution in the documentation, but so far, no luck.
Thank you for any advice.