JQuery UI resizable grid, inconsistent behavior depending on grid value, jquery-ui version

JQuery UI resizable grid, inconsistent behavior depending on grid value, jquery-ui version

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.

Here are examples


  1. $("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({
  2.   handles: 'n',
  3.   grid: [0, 60]
  4. });


  1. $("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({
  2.   handles: 'n',
  3.   grid: [0, 20]
  4. });

I need to be able to go all the way to no height for any multiple of the initial bar size.

adding minWidth: 0 seems to the job in jquery-ui version 1.9.2 see here:

but not in any version newer than that see here:

So I'm not sure whether I'm doing something wrong, or being stupid, or something else :) I need to be able to resize the bar to 0, and use the grid :|