Input inside side menu unfocus but keyboard opens

Hello, when I set an input inside side menu and open the menu the keyboard open and the input is not selected. Then when I close the side menu, keyboard do not close


Here is a codepen I done

but it’s not working as device bug

with the ionic-keyboard plugin, you could close the keyboard when you close the side menu.

I think it would be the easiest solution

Not a bad solution for that. But what about opening menu. It shouldn’t show the keyboard, and open close faster it not a good practice I think.

Oh right I didn’t read properly. it seems that your input is focused when you open the menu, I dunno yet if it’s because the clic event is triggered on the input field when you click the burger icon, or for some other reason …

the strange thing here is that when I open the menu, the keyboard opens but the input isn’t focus (if I write no text shows on the input).
@JC_cap look at this video

I might have a trick but I’m really not sure about it.

$scope.isReady = false; 

$scope.onFocusInput = function(){
    if ($scope.isReady) 

$scope.onClickMenu = function(){
           $scope.isReady = true;

I think this would prevent the input from beeing focused immediately when you click on the menu, but I haven’t tried it yet.

Tell me about it :wink:

thought it work at first but no, because the input is not focusing. Maybe a plugin error?

Finally some adaptation from your code, this is the result that works

app.controller('AppCtrl', function($scope, $timeout, $ionicSideMenuDelegate, $cordovaKeyboard) {
    $scope.menuCall = function () {
    	$scope.searchEnabled = false;
		           $scope.searchEnabled = true;

and the input like <input type="text" class="menu-search" placeholder="Search" ng-disabled="!searchEnabled">

1 Like

Well done, glad I could help !

1 Like