How to create a Material Design list filter?


#1

The Google Material design guidelines at https://material.google.com/components/lists.html#lists-behavior describe the way lists should be filtered which looks like as shown in these screenshots:

The closest I could get was to use an <ion-select> inside the navbar:

Although the font looks slightly different I can live with this. The problem I am having is when I press the select:

It shows a popup, instead of a dropdown as shown in the screenshot above.

Is there a way to create this behaviour, or should I file it as a feature request?