Geek asks and answers

Google Chrome element for Android <select> does not select any option

I have a select element on my single page web application. The application has a flexible design for working on mobile devices. Below is a link to the development version.

http://mapcodexpublish.com/mcxwebdev/

Thislect element works well in all browsers, but chrome for mobile devices. In chrome for android, when I parse it, a list of options is displayed, but when you select an option, it does not change at all. I tried to warn something about a change event, but it was not running.

I'm tired of real devices, but here are screenshots from the emulator. It is the same.

state 1

state 2

state 3

Does anyone have a similar problem or any idea to solve this strange problem?

+3
source share
1 answer

A super hacky fix that seemed to work for me was to trigger a blur event on selection when it causes a change. Sort of:

$('select').change(function(){
  if (/Android/.test(navigator.userAgent)){
    $(this).blur();
  }
});

Really not proud of this “fix”, but it works.

+5
source

More articles:


All Articles