Focus on search bar on button press

learning-layers · Mar 24, 2016 · 4767014 · 4767014
1 parent 93eccb5
commit 4767014
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/app/js/controllers/contacts.js b/app/js/controllers/contacts.js
@@ -8,7 +8,7 @@
 angular.module('contacts', [])
 .controller('ContactsCtrl', function ($scope, $localStorage, $ionicModal, contactsFactory,
                                       modalFactory, peerFactory, socketFactory, configFactory,
-                                      $state, $ionicActionSheet, $translate, $window) {
+                                      $state, $ionicActionSheet, $timeout, $translate, $window) {
     var newContactModal = null;
 
     var translations = $translate(['SAR_CALL', 'PROFILE', 'ACTIONS', 'CANCEL']).then(function (trans) {
@@ -99,13 +99,15 @@ angular.module('contacts', [])
 
     $scope.toggleSearchBar = function () {
         $scope.isSearchBarVisible = !$scope.isSearchBarVisible;
-        if ($sope.isSearchBarVisible === true) {
-            if (cordova.plugins.Keyboard) {
-                cordova.plugins.Keyboard.show();
-            }
+
+        if ($scope.isSearchBarVisible === true) {
+            $timeout(function () {
+                document.getElementById('search-bar').focus();
+            }, 0);
+
         } else {
-            if (cordova.plugins.Keyboard) {
-                cordova.plugins.Keyboard.hide();
+            if (cordova.plugins.Keyboard && cordova.plugins.Keyboard.isVisible === true) {
+                cordova.plugins.Keyboard.close();
             }
         }
     }

diff --git a/app/templates/contacts.html b/app/templates/contacts.html
@@ -8,7 +8,7 @@
                 <span on-tap="toggleSearchBar()">
                     <i class="icon ion-ios-arrow-back search-icon placeholder-icon"></i>
                 </span>
-                <input type="text" placeholder="{{'SEARCH' | translate}}" ng-model="contactSearch" ng-keyup="searchKeyPress($event.keyCode)">
+                <input type="text" id="search-bar" placeholder="{{'SEARCH' | translate}}"  ng-model="contactSearch" ng-keyup="searchKeyPress($event.keyCode)">
             </label>
         </div>
         <div class="list" >

diff --git a/config.xml b/config.xml
@@ -34,4 +34,5 @@
     <preference name="xwalkCommandLine" value="--disable-pull-to-refresh-effect" />
     <preference name="xwalkMode" value="embedded" />
     <preference name="xwalkMultipleApk" value="true" />
+    <preference name="KeyboardDisplayRequiresUserAction" value="false" />
 </widget>