Hide sidebar when focusing input bar

This is for mobile

directives/input.html

@@ -1,6 +1,6 @@
 <form class="form form-horizontal" id="inputform" ng-submit="sendMessage()">
   <div class="input-group">
-    <textarea id="{{inputId}}" class="form-control favorite-font" ng-trim="false" rows="1" autocomplete="off" ng-model="command">
+    <textarea id="{{inputId}}" class="form-control favorite-font" ng-trim="false" rows="1" autocomplete="off" ng-model="command" ng-focus="hideSidebar()">
     </textarea>
     <span class="input-group-btn">
       <button class="btn btn-default btn-primary">Send</button>

js/glowingbear.js

@@ -909,7 +909,7 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
         document.getElementById('content').setAttribute('sidebar-state', 'visible');
     };
 
-    $scope.hideSidebar = function() {
+    $rootScope.hideSidebar = function() {
         if ($rootScope.isMobileUi()) {
             document.getElementById('sidebar').setAttribute('data-state', 'hidden');
             document.getElementById('content').setAttribute('sidebar-state', 'hidden');
@@ -1394,6 +1394,10 @@ weechat.directive('inputBar', function() {
                 return document.querySelector('textarea#' + $scope.inputId);
             };
 
+            $scope.hideSidebar = function() {
+                $rootScope.hideSidebar();
+            };
+
             $scope.completeNick = function() {
                 // input DOM node
                 var inputNode = $scope.getInputNode();