title: JQuery UI resizable grid, inconsistent behavior depending on grid value
body: <p>I need a resizable bar that can go all the way to no bar. Depending on how what I set the grid to, sometimes I can, sometimes I can't. The values I try are multiples of the initial size of the bar.</p>
  
  <p>Here are examples</p>
  
  <p>Working:
  <a href="https://jsfiddle.net/dg851voo/" rel="nofollow noreferrer">https://jsfiddle.net/dg851voo/</a></p>
  
  <pre><code>$("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({
    handles: 'n',
    grid: [0, 60]
  });
  </code></pre>
  
  <p>Not working: 
  <a href="https://jsfiddle.net/xmzj3x54/" rel="nofollow noreferrer">https://jsfiddle.net/xmzj3x54/</a></p>
  
  <pre><code>$("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({
    handles: 'n',
    grid: [0, 20]
  });
  </code></pre>
  
  <p>I need to be able to go all the way to no height for any multiple of the initial bar size.</p>