title: Angular-gridster doesn't work on small screens
body: <h3>The problem</h3>
  <p>I noticed that <code>angular-gridster</code> stops working if the browser window is minimized to the point there's not much space around the gridster tiles (see image 2). However, <code>gridster</code> works alright when maximizing the window, and the elements are draggable and resizable again.</p>
  <h3>Progress</h3>
  <p>I modified the <code>$scope.gridsterOpts</code> object in the relevant controller and ensured that <code>pushing, floating, swapping</code> are all set to <code>true</code>, but that didn't solve the problem.</p>
  <h3>fiddle</h3>
  <p>In addition, I noticed that the same behavior could be found in
  <a href="http://jsfiddle.net/kg2zx41q/5/" rel="nofollow noreferrer">this fiddle</a> - the &quot;result&quot; window has to be pretty big in height/width so the demo would work.</p>
  <p>I do not include my project code as I think it's useless since I see this behavior in every demo of angular-gridster.</p>
  <p>Did anyone experienced the same problem?
  Thanks.</p>
  <h3>screenshot: working</h3>
  <p><a href="https://i.stack.imgur.com/rJG0X.jpg" rel="nofollow noreferrer"></a> <a href="https://i.stack.imgur.com/rJG0X.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rJG0X.jpg" alt="" /></a></p>
  <h3>screenshot: not working</h3>
  <p><a href="https://i.stack.imgur.com/QY22o.jpg" rel="nofollow noreferrer"></a> <a href="https://i.stack.imgur.com/QY22o.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QY22o.jpg" alt="" /></a></p>