jQuery UI странное изменение размера поведения

Question

У меня есть div, который изменяется слева (w) и справа (e) с использованием jQuery UI. Изменение размера по праву работает отлично, но на левой две вещи ведут себя иначе:

1. Я не могу изменить размер элемента 0 ширина
2. Он подскакивает при изменении размера начинается

Я сделал это fiddle

$("#test").resizable({ 
    handles: 'e,w', 
    grid: 32, 
    maxWidth: null, 
    minWidth: 0 
}); 

Почему это так?

Благодаря

Редактировать Сетка 32 требуется, но вы правы, это будет работать без него.

Answer 1

Я нашел решение.

Я перезаписываю jQuery UI's $.ui.plugin.add("resizable", "grid") при изменении размера start. Не лучшее решение, я думаю, но оно работает.

Здесь вы можете увидеть изменения, которые я сделал в прошлом if-else:

Старый:

if (newWidth - gridX > 0) { 
    that.size.width = newWidth; 
    that.position.left = op.left - ox; 
} else { 
    that.size.width = gridX; 
    that.position.left = op.left + os.width - gridX; 
} 

Customized:

if (newWidth - gridX >= 0) { 
    that.size.width = newWidth; 
    that.position.left = op.left - ox; 
} else { 
    that.size.width = o.minWidth; 
    that.position.left = op.left + os.width - gridX; 
} 

Answer 2

Удалить сетку: 32. Это вызывает проблемы, с которыми вы сталкиваетесь.