I am implementing a new directive similar to ionRefresher. It has a search bar instead of refreshing icon.
The problem I am facing is, when the search text box gets focus, and keyboard shows up, the search bar goes back up. It looks like on window resize its trying to resize the content/pane.
Is there any way by which I can preserve that transformed scroll pane and allow the user to type in the search box?
the directive is exactly same as ionRefresher, with just template difference
template:
'<div class="scroll-refresher scroll-search">' +
'<div class="ionic-refresher-content scroll-search-content">' +
'<input type="search" class="txt-search" ' +
'placeholder="{{placeholder}}" ' +
'ng-model="search.keyword" ' +
'ng-focus="searchFocused = true" ' +
'ng-blur="searchFocused = false" ' +
'ng-keyup="filter()"> ' +
'</div>' +
'</div>',