I’m currently building an app which contains a long list of items which need to be filtered by a search-input at the top. We moved to collection-repeat to improve performance and it has worked fantastically except for an issue with the search functionality. If I scroll down the list any significant…

@aidan I have exactly the same issue with my list. Have you found any solution to fix this?

Hey. I implemented a temporary fix as per what I said in this issue https://github.com/driftyco/ionic/issues/2523 I will check this out further and probably try create a permanent fix and PR in the coming week. Let me know how you get on with it.

I’m using the scrollTop() workaround as well but the problem is still that the input field looses focus on every change in the input when calling scrollTop()… [image] Search in List looses focus on ScrollTop Forked from [Ionic](http://codepen.io/ionic/)'s Pen [List: Nightly](http://codepe…

@mhartington any idea how to keep the focus on the input field when the ng-change call the scrollTop method?

Not sure why you need to call scrollTop, seems to work fine with out. [image] Search in List looses focus on ScrollTop Forked from [Ionic](http://codepen.io/ionic/)'s Pen [List: Nightly](http://codepen.io/ionic/pen/JsHjf/). Forked from [FlavorDaaave](http://codepen.io/... …

@mhartington First scroll down the end of the list. Then type in the number zero into the search box. No results appear in the list. You have to scroll back up to find any results. I was using ng-change=“scrollTop()” to solve this at first but as @flavordaaave mentioned the input loses focus every …

Ahh alright I see. Well in that case, try resize instead of scroll top [image] Search in List looses focus on ScrollTop Forked from [Ionic](http://codepen.io/ionic/)'s Pen [List: Nightly](http://codepen.io/ionic/pen/JsHjf/). Forked from [FlavorDaaave](http://codepen.io/... …

@mhartington Yes, resize() brings the list items into view but the list is scrolled to the bottom and the top of the list is hidden. Ideally, the top hits from a search are placed at the top and therefore you want them visible immediately. As I mentioned in the issue I created, adding scrollView.sc…

@mhartington Check out the PR I created for this at https://github.com/driftyco/ionic/pull/2523 . By default the list will scroll to the top on list-change or resize but setting collection-list-top=false disables this, say for a messaging app where new messages are appended at the bottom of the list …

[image] aidan: Collection Repeat With Search Input by quilligana · Pull Request #2523 · ionic-team/ionic-framework · GitHub @aidan Any idea how this could be applied for the “normal” ion-list (like used in my example codepen) without using the collection-repeat directive?

Issue filtering items in collection-repeat with search box

ionic-v1

flavordaaave December 1, 2014, 3:14pm 4

I’m using the scrollTop() workaround as well but the problem is still that the input field looses focus on every change in the input when calling scrollTop()…

Topic		Replies	Views
Programmatically scroll to the top of a collection-repeat list ionic-v1	2	1295	October 15, 2015
Collection-repeat refresh list when search	0	737	July 16, 2014
Input elements (such as search boxes) do not get focus while a list is actively scrolling ionic-v1	1	823	February 16, 2017
Collection-repeat scrolls to top when clicking back from item screen ionic-v1	2	883	June 21, 2016
$ionicScrollDelegate.resize() with filtered collection-repeat ionic-v1	1	1652	March 14, 2015

Issue filtering items in collection-repeat with search box

Related topics