src/hft/scripts/misc/mobilehacks.js
function() {
    // Also fix all fucked up sizing
    var elements = document.querySelectorAll(".fixheight");
    for (var ii = 0; ii < elements.length; ++ii) {
      var element = elements[ii];
      var parent = element.parentNode;
      if (parseInt(element.style.height) !== parent.clientHeight) {
        element.style.height = parent.clientHeight + "px";
      }
    }
  }
function() {
    // Also fix all fucked up sizing
    var elements = document.querySelectorAll(".fixheight");
    for (var ii = 0; ii < elements.length; ++ii) {
      var element = elements[ii];
      var parent = element.parentNode;
      if (parseInt(element.style.height) !== parent.clientHeight) {
        element.style.height = parent.clientHeight + "px";
      }
    }
  }
function ( ) { // Also fix all fucked up sizing var elements = document . querySelectorAll ( ".fixheight" ) ; for ( var ii = 0 ; ii < elements . length ; ++ ii ) { var element = elements [ ii ] ; var parent = element . parentNode ; if ( parseInt ( element . style . height ) !== parent . clientHeight ) { element . style . height = parent . clientHeight + "px" ; } } }
resets the height of any element with CSS class "fixeight"
by setting its hight to the cliehgtHeight of its parent

The problem this is trying to solve is sometimes you have
an element set to 100% but when the phone rotates
the browser does not reset the size of the element even
though it's parent has been resized.

This will be called automatically when the phone rotates
or the window is resized but I found I often needed to
call it manually at the start of a controller

@memberOf module:MobileHacks
resets the height of any element with CSS class fixeight by setting its hight to the cliehgtHeight of its parent