javascript - Tap/click on select element not working on mobile device with Ionic Framework -


i have simple select element choose app language. view code:

<ion-view title={{i18n.settings.title}}>   <ion-nav-buttons side="left">     <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>   </ion-nav-buttons>   <ion-content >     <div class="list">       <label class="item item-input item-select">         <div class="input-label" >           {{i18n.settings.select_language}}         </div>         <select class="ion-input-select" ng-model="language" ng-change="changelanguage(language)">           <option value="es">{{i18n.settings.spanish}}</option>           <option value="en">{{i18n.settings.english}}</option>         </select>       </label>     </div>   </ion-content> </ion-view> 

the expected result of course, click on select , options should shown: enter image description here

it works if open app in desktop browser (i'm using chrome) , click select mouse.

the thing is, have touch-screen laptop, if try tap select finger doesn't work. same occurs if open app in mobile device (android 6) browser (using chrome).

more specifically, works if tap finger approximately on red rectangle i've marked in attached image, not if top on rest of select element.

note 1: there's not css view create conflict select behaviour. note 2: don't receive error on console

ionic version: 1.1.0

it seems after update ionic framework version 1.1.0 1.3.2, error has been fixed.

now works fine in every dispositve: touch-screen laptop, desktop-browser, mobile device browser , android apk


Comments

Popular posts from this blog

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

php - trouble displaying mysqli database results in correct order -

C++ Linked List -