having issues with the select dropdown, whenever I tap on an input that’s either a dropdown, date or time, nothing actually happens when I select an option, I have to manually tap out and only then will my choice stick.
Is there a way to have something that’s like the default functionality of ios where you get arrows to move from one option to the next and an X to close the selection? Or at the very least close the selection when I pick something?
Interesting, since we are just using some css to style the inputs. What version of ionic are you using? Beta 7/nightly builds? What device are you using?
Alright, you could do this to bring the keyboard accessories back
.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.Keyboard) {
//Change this to false to return accessory bar
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
}
if(window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
});
})
Set your accessory bar to true. You will get the next and done options. Another thing i want to know is when i scroll to a new option and tap outside, the select box takes the new selection without having to click on done? Can i disable this behaviour?
it was removed because on native apps it's not there.
@mhartington is there a different work around this issue. As you said, it was removed but if I set hideKeyboardAccessoryBar(false) in on controller, it remain across all other controllers. I originally had it only in module.run like so : hideKeyboardAccessoryBar(true) and I still keep there set to true.
Yes this is a strange issue and just want to confirm that I have understood the current state of the work around.
So…
I was unable to use the select pickers on iOS as the option would not be selected until I hit an area of the screen outside the select picker, this was the case when I had
So as suggested here I changed this to be false which did make the select picker better on iOS as you can click the done button in the accessory bar but this does not feel very ‘native’?
Is what I have describe above correct regarding this issue? And if so is this the way to be dealing with it at the moment?
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false); //by default it was true.. set to false to show confirm butotn for select element on ios
cordova.plugins.Keyboard.disableScroll(true);
}