Filter issue when using filters and collapsible lists

[yanbin7]

Issue description

I am using jQuery Mobile for an application and I'm using collapsible lists and set data-filter="true”.

I want to filter with single filter which will display above the set. The desired result is to see only items that match my search (not the whole collapsible block where the item appears).

There are many items on the parent collapsible lists and if I use data-filter, it will filter to text within the sub-sets. However it doesn't actually go to the text it has found, only display the whole collapsible block where the item appears. The desired result is to see only items that match my search.

e.g at following code, filter with “pig”, the expected result see only items which match “pig ” at “Farm animals” will display . Actually result is display whole collapsible block”Farm animals” using current latest jquery mobile framework.
I would think others would have used similar functionality when using filters and collapsible sets.
Here is code

Test page (see below)

http://jsbin.com/ogexof/1

Steps to reproduce
open http://jsbin.com/ogexof/1
filter with"pig"

Expected outcome

It only display items included "pig" at “Farm animals” block

Actual outcome

It display whole collapsible block”Farm animals”

Platforms/browsers (including version) and devices tested:

Windows 7 : chrome version 24.0.,Firefox :16.01 IE 9
Android : chrome 18.1

jQuery Mobile and jQuery core version used:

http://code.jquery.com/mobile/latest/jquery.mobile.js
jQuery core version : jquery-1.8.1

[gseguin]

@arschmitz came up with a solution for that that does not involve a modification of the filtered listview code: http://jsbin.com/ogexof/18

[jaspermdegroot]

@yanbin7

See @gseguin his comment on your PR #5208 including @arschmitz's example.

#4389 is about demos we are going to add to the docs. I added a link to this ticket there and am going to close this issue.

When we are going to work on the demo we will also look into making a collapsed list expand if the filter matches one if its list items. Downside of that is that if you have many collapsible lists, it could also mean that a lot of them will expand when you start typing in the search filter.

[yanbin7]

thanks gseguin and uGoMobi very much :) that solution seems simple and better 👍