Demo does not work on Firefox Android 90 with Android 8.1

[Kaspanoombro]

Hello,

I tried the demo page https://mfranzke.github.io/datalist-polyfill/demos/ in the Firefox Android version 90.1.1 build 2015820751 on Android 8.1 and nothing happens; meaning that the datalist dropdown list does not appear at all. I tried in the same version of Firefox but for linux desktop, and it works (well the html5 datalist works so i do not know if it is the default behaviour of if it is your code).
Regards.

[mfranzke]

@Kaspanoombro thanks a lot for your feedback.

I fear that the browser you've tested with is actually expected to work correctly supporting the native functionality, without even the need for the polyfill. I've added a sentence at the beginning of the demo page stating the native support of the functionality due to feature detection – could you please open that page on the browser you've tested with again and check for the result of that sentence ?

[Kaspanoombro]

I tried the browser in https://w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist and it does not work. I retry your demo page and does not work. This version of Firefox in Android DOES NOT support datalist. In previous versions did support but not anymore (bug mozilla-mobile/fenix#11088). In your appear appears: hint: your browser supports native datalist element but this is wrong.

[mfranzke]

@Kaspanoombro thanks for reporting back on this.

Actually Firefox for Android is than "incorrectly" providing the APIs for datalist element that should actually as well get used for feature detection which is resulting in the sentence being reflected on the demo page, but not displaying the UI.
It might be (a little) harder to support Firefox for Android in this case.

[xigoi]

Firefox for Android does support datalist, but there is a bug which causes the menu to not appear: https://bugzilla.mozilla.org/show_bug.cgi?id=1535985

[hiebj]

Based on the discussion present in the issue threads related to Android FF's support of <datalist>, it sounds more like "Android FF does not actually support showing a menu for <datalist> and appears to do nothing at all". The fact that they ostensibly recognize datalist elements does not mean much if no menu ever shows.

It would be great if you exported a function from this which would forcibly enable your polyfill regardless of other situations, so I can apply my own user-agent sniffing and decide which browsers I want to polyfill. Feature detection is obviously the usually preferred way to go but when a major browser on a major device has an open bug for 5 years which utterly prevents its function, I am sometimes forced to take matters into my own hands.

I tried copying your script into my project and running it using my own detection logic, but it encounters errors, presumably due to some conflict with the builtin "support"

[luis-panadero]

I'm trying to add an option to enforce the polyfill to load. A simple check in a global var with true value.

However, I'm finding this error now :

Uncaught TypeError: 'get list' called on an object that does not implement interface HTMLInputElement.
    <anonymous> http://localhost:8080/XXX/js/vendor/datalist-polyfill.js:667
    <anonymous> http://localhost:8080/XXX/js/vendor/datalist-polyfill.js:687
    <anonymous> http://localhost:8080/XXX/js/vendor/datalist-polyfill.js:705

Also... How hell I get up a development environment. Doing nvm install ; nvm use, and then npm i give me many funny weird errors.