Ionic select is missing the top confirm part in iOs

1

So I use the standard code for select like so:

<label class="item item-input item-select">
          <div class="input-label"> Video Job Type: </div>
          <select ng-model="postTask.type" name="type" ng-required="true">
            <option>Commercial</option>
            <option>Interview</option>
            <option selected>Training Lesson</option>
            <option>Live Event Recording</option>
          </select> 
        </label>

When render in iOs, it look like this:

image
Screen Shot 2015-08-14 at 10.42.09 AM.png742×1326 110 KB

The top confirm part is missing. I have to click out of the bottom part to confirm the pick. What I did wrong? How to get the confirm button back?

2

In app.js set

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);

Note i’ve set it to false (by default it’s true).

1 Like
3

Thank you!! This done the trick!

4

No worries, I thought i was going nuts first time i saw that problem :wink: remember screaming at the computer when I found out it was just a boolean switch!

5

This doesn’t fix it for me. It just stays the same with the select and no confirm appears.

my app.js cordova code looks like this:

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

Any suggestion why it doesn’t work?