Filtering fails on <span> without class

[cdekkers]

I have set up a list with list items that contain the following structure:

<div class="activity-header">
	<span class="h6" data-filter-by="text">John Doe</span>
	<span data-filter-by="text">posted an update in the team</span>
	<a href="#" data-filter-by="text">The Substantial Turtles &#x1F422;</a>
</div>

In addition, I have a filter <input> that I use to pass a filter string.

I have found that text filtering does not work on the second <span> element as long as it does not have a class attribute set. Thus, during filtering, the above code will not include the text in the second <span> element, but if I change the element like so,

<span class="random" data-filter-by="text">posted an update in the team</span>

then the input filter does work on the element. What's going on?

[Kaj80]

Hi,

Was this problem solved?

[cdekkers]

Not to my knowledge. For what it's worth, I'd adivise you not to use list.js anymore, at least not in a production environment, because it is not maintained anymore.