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

ionic-v1
1

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) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
        }
        if (window.StatusBar) {
            // org.apache.cordova.statusbar required
            StatusBar.styleDefault();
        }
    });

And here is my select:

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

Any help is greatly appreciated. Thanks!

1 Like