Search filter fields are not shown on mobile browsers

[stefanroellin]

myMPD version: 9.1.0

If I open myMPD in Chrome on an Android device, the filter fields 'Genre', 'Country' and 'Language' aren't populated. However, if I use Chrome on Ubuntu 21.10, these fields are populated and can be selected.

Steps to reproduce the behavior:

1. Go to WebradioDB
2. Click on filter
3. Select country dropdown
4. dropdown is empty

Expected behavior

I would expect that the country list is not empty while clicking on it.

Server plattform:

• MPD version: 0.21.4

Client plattform:

• OS: Android
• Browser: chrome

Same behaviour observed with Samsung Internet Browser.

[tsunulukai]

I have the same issue in Chrome on Android, but it works fine using Firefox Nightly on Android

Chrome:

FireFox Nightly:

[jcorporation]

Seems to be a browser incompatibility with custom elements. Is the picture select e.g. for homeicons working? I have no android device to debug…

[stefanroellin]

Yes, the picture select is working (there is one option "Ligatur benutzen"):

Using the developer tools, one can see that the values are populated, but not shown:

[jcorporation]

Looking closer to your provided screenshots shows an invalid first option tag (incomplete value attribut ). Eventually this is the problem.

I can reproduce this issue with safari on my iPhone.

https://stackoverflow.com/questions/43077171/size-not-working-for-select-option-in-mobile

None of the suggested solutions are working. I think I must redesign this component and use a scrollable list-group instead of a select.

[jcorporation]

Should now fixed in devel. Please test and return feedback.

[stefanroellin]

I can confirm that the list is now also populated on a mobile browser and it is possible to select e.g. a country to filter the list.

However, the search field in the dropdown doesn't work anymore, neither on a desktop browser nor on a mobile browser.

On a desktop - 9.1.0:

On a desktop - current devel version:

[jcorporation]

Thanks for testing. Filtering the result should now work.

[stefanroellin]

The filtering now does work - thanks!

However I realized that a recent change has broken "Ligatur":

[jcorporation]

Should now also be fixed.

[stefanroellin]

Thanks for the fix.

Unfortunately since commit 39bda25205b8d625b08d1a573d595740bdfb7871 adding a webradio is partially broken, namely the icon isn't added anymore, even if it is added from the favourites:

and the resulting item on the Homepage:

Should I open a separate issue?

[jcorporation]

We can handle this in this issue, it seems to be a regression...

[jcorporation]

Should work now again.

[stefanroellin]

Now works again - thanks!