title: Ionic typeerror: 'null' is not an object (evaluating 'content.offsetx')
body: <p>When i run my ionic / angular mobile app on my iphone 4 with ios 7 i get this error when i click a navigation link in the side menu, and it blocks the rest of the app from running</p>
  
  <p>typeerror: 'null' is not an object (evaluating 'content.offsetx')</p>
  
  <p>anyone ever get this before?</p>
  
  <p>heres some code but I'm not sure if it will help</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Ionic Starter App
  
  // angular.module is a global place for creating, registering and retrieving Angular modules
  // 'starter' is the name of this angular module example (also set in a &lt;body&gt; attribute in index.html)
  // the 2nd parameter is an array of 'requires'
  // 'starter.controllers' is found in controllers.js
  angular.module('starter', ['ionic',  'starter.controllers', 'arvak.forms', 'angular-locker', 'ngSlider', 'arvak.configs', 'widgets.camera', 'widgets.signature', 'ngCordova', 'widgets.barcodeScanner' ])
  
  .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 &amp;&amp; window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      }
      if (window.StatusBar) {
        // org.apache.cordova.statusbar required
        StatusBar.styleDefault();
      }
      //iOS 8 bug
      //http://forum.ionicframework.com/t/click-a-input-field-whole-app-jumps-down-and-back-to-the-original-place/10876/15
      if(window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {
         window.cordova.plugins.Keyboard.disableScroll(true);
      }
  
    });
  })
  
  .config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    //$locationProvider.html5Mode(true);
  
      //$urlRouterProvider.when('', '/');
  
    $stateProvider
  
        .state('index', {
          url: '/',
          templateUrl: 'index.html'
        })
  
        .state('app', {
          url: "/app",
          abstract: true,
          templateUrl: "templates/menu.html",
          controller: 'AppCtrl'
        })
  
        .state('app.search', {
          url: "/search",
          views: {
            'menuContent': {
              templateUrl: "templates/search.html",
              controller: 'SearchController'
            }
          }
        })
        .state('app.form', {
          url: "/forms",
          views: {
            'menuContent': {
              templateUrl: "js/forms/templates/forms/formWrapper.html",
              controller: 'FormsController'
            }
          }
        })
  
        .state('app.browse', {
          url: "/browse",
          views: {
            'menuContent': {
              templateUrl: "templates/browse.html",
              controller: 'BrowseController'
            }
          }
        })
          .state('app.playlists', {
            url: "/playlists",
            views: {
              'menuContent': {
                templateUrl: "templates/playlists.html",
                controller: 'PlaylistsCtrl'
              }
            }
          })
  
        .state('app.single', {
          url: "/playlists/:playlistId",
          views: {
            'menuContent': {
              templateUrl: "templates/playlist.html",
              controller: 'PlaylistCtrl'
            }
          }
        })
        .state('app.camera', {
            url: "/camera",
            views: {
                'menuContent': {
                    templateUrl: "templates/camera.html"
                    //controller: 'CameraControler'
                }
            }
        })
  
          .state('app.signature', {
              url: "/signature",
              views: {
                  'menuContent': {
                      templateUrl: "templates/signature.html"
                      //controller: 'CameraControler'
                  }
              }
          })
  
        .state('app.barcode', {
            url: "/barcode",
            views: {
                'menuContent': {
                    templateUrl: "templates/barcode.html"
                    //controller: 'CameraControler'
                }
            }
        });
  
    // if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/app/forms');
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-side-menus enable-menu-with-back-views="false"&gt;
    &lt;ion-side-menu-content&gt;
      &lt;ion-nav-bar class="bar-stable"&gt;
        &lt;ion-nav-back-button&gt;
        &lt;/ion-nav-back-button&gt;
  
        &lt;ion-nav-buttons side="left"&gt;
          &lt;button class="button button-icon button-clear ion-navicon" menu-toggle="left"&gt;
          &lt;/button&gt;
        &lt;/ion-nav-buttons&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view name="menuContent"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu-content&gt;
  
    &lt;ion-side-menu side="left"&gt;
      &lt;ion-header-bar class="bar-stable"&gt;
        &lt;h1 class="title"&gt;Left&lt;/h1&gt;
      &lt;/ion-header-bar&gt;
      &lt;ion-content&gt;
        &lt;ion-list&gt;
          &lt;ion-item nav-clear menu-close ng-click="login()"&gt;
            Login
          &lt;/ion-item&gt;
          &lt;ion-item nav-clear menu-close href="#/app/search"&gt;
            Search
          &lt;/ion-item&gt;
          &lt;ion-item nav-clear menu-close href="#/app/forms"&gt;
            Form
          &lt;/ion-item&gt;
          &lt;ion-item nav-clear menu-close href="#/app/playlists"&gt;
            Tasks
          &lt;/ion-item&gt;
            &lt;ion-item nav-clear menu-close href="#/app/camera"&gt;
                Camera
            &lt;/ion-item&gt;
            &lt;ion-item nav-clear menu-close href="#/app/signature"&gt;
                signature
            &lt;/ion-item&gt;
            &lt;ion-item nav-clear menu-close href="#/app/barcode"&gt;
                barcode scanner
            &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/ion-content&gt;
    &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;
      &lt;link href="lib/ng-slider/css/ng-slider.min.css" rel="stylesheet"&gt;
      
      &lt;link href="css/style.css" rel="stylesheet"&gt;
  
      &lt;!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
      &lt;link href="css/ionic.app.css" rel="stylesheet"&gt;
      --&gt;
  
      &lt;!-- ionic/angularjs js --&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
  
   
  
      &lt;script src="lib/jquery/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-locker.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular.ng-modules.js"&gt;&lt;/script&gt;
      &lt;script src="lib/cross-storage/client.js"&gt;&lt;/script&gt;
      &lt;script src="lib/lodash/lodash.js"&gt;&lt;/script&gt;
      &lt;script src="lib/moment/moment.js"&gt;&lt;/script&gt;
      &lt;script src="lib/bootstrap/dateTimePicker.js"&gt;&lt;/script&gt;
      &lt;script src="lib/ng-slider/js/ng-slider.min.js"&gt;&lt;/script&gt;
  
        &lt;!-- bower installs --&gt;
        &lt;script src="lib/ng-cordova.min.js"&gt;&lt;/script&gt;
        &lt;script src="lib/signature_pad.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- your app's js --&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
      &lt;script src="js/configs/configs.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/forms.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/directives/formDirective.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/directives/fieldDirective.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/directives/fields/fancySelect.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/directives/validation/validationDirectives.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/directives/validation/maxLengthValidator.js"&gt;&lt;/script&gt;
        &lt;script src="js/common/directives/signatureDirective.js"&gt;&lt;/script&gt;
  
      &lt;script src="js/forms/directives/sections/formSection.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/services/formsService.js"&gt;&lt;/script&gt;
      &lt;script src="js/forms/controllers/formsController.js"&gt;&lt;/script&gt;
        &lt;script src="js/common/directives/cameraDirective.js"&gt;&lt;/script&gt;
        &lt;script src="js/common/controllers/cameraController.js"&gt;&lt;/script&gt;
        &lt;script src="js/common/controllers/signatureController.js"&gt;&lt;/script&gt;
        &lt;script src="js/common/controllers/barcodeController.js"&gt;&lt;/script&gt;
      
      &lt;!-- BMA: This has to be last script! --&gt;
      &lt;!-- cordova script (this will be a 404 during development) --&gt;
      &lt;script src="cordova.js"&gt;&lt;/script&gt;
  
    &lt;/head&gt;
  
    &lt;body ng-app="starter"&gt;
       &lt;ion-nav-view class="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>