IOS 8 html select doesn't work with hideKeyboardAccessoryBar set to false

I am trying to use a select list on IOS but after enabling the Keyboard Accessory bar I am getting the arrow keys and the Done button but I can’t select an item in the list. This appears after building and running the app on IOS 8 (IOS emulator and devices)

I have created a new sidemenu application using ionic-cli and running beta 13.

ionic start test sidemenu

my app.js contains following code:

$ionicPlatform.ready(function () {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if (window.cordova && window.cordova.plugins.Keyboard) {
        if (window.StatusBar) {
            // org.apache.cordova.statusbar required

And here is my select:

<div class="list">
            <label class="item item-input item-select">
                <div class="input-label">
                    <option selected>Green</option>

Any help is greatly appreciated. Thanks!

1 Like