Chosen plugin doesn't seem to work on mobile browsers [closed]
Before using any plugin, try checking its scope.
Chosen is not supported on android or IOS, "Chosen is disabled on iPhone, iPod Touch, and Android mobile devices "
Function browser_is_supported
in chosen.jquery.js
illustrates that it deliberately avoids activating on Android and iPhone platform (because of several UX issues). But you can hack it by yourself.
AbstractChosen.browser_is_supported = function() { if (window.navigator.appName === "Microsoft Internet Explorer") { return document.documentMode >= 8; } if (/iP(od|hone)/i.test(window.navigator.userAgent)) { return false; } if (/Android/i.test(window.navigator.userAgent)) { if (/Mobile/i.test(window.navigator.userAgent)) { return false; } } return true;};
AbstractChosen.browser_is_supported
function does not allow you to use this plugin on mobile devices and internet explorer so you can hack this by yourself.
Find the below lines in chosen.jquery.js
and comment this code. Now the chosen plugin will work on mobile devices.
if (!AbstractChosen.browser_is_supported()) { return this;} if (!AbstractChosen.browser_is_supported()) { return; }