Resizable: Erratic behavior of contained elements within scrollable grandparents

[christian314159]

When you have resizables within a scrolling container to which they are contained to, they can't be properly resized to that elements' width.

Scenario 1: Resizable is 100% of the parent to start with; scroll to the far right and try to resize. Element will instantly resize to a much smaller width and will not be visible anymore until you scroll to the left again.

Scenario 2: Try to increase the width of a small element step by step by scrolling and resizing. You will eventually hit a limit although the boundaries of the parent have not been reached.

JsFiddle: ​http://jsfiddle.net/9XqG5/3/

[mikesherov]

i haven't confirmed yet, but this has a patch: ​https://github.com/jquery/jquery-ui/pull/989/files

[tj.vantoll]

This is a tricky one to reduce as it seems to require 3 nodes. This is the best I could do: ​http://jsfiddle.net/tj_vantoll/ex8Zb/

The problem seems to be specifically related to having a node that has a width that is larger than its container, which would make sense given the pull request. But it's not quite that simple as it seems to require a scrollable grandparent. The issue only occurs when containment: "parent" is set.

[Christian Klammer]

Resizable: Fixed sign error on offset calculation. Fixes #9307 - Resizable: Erratic behavior of contained elements within scrollable grandparents

Changeset: 6df5c1a4ae738e591694e0fe2fa3bbb8b05f6b0a

[Christian Klammer]

Resizable: Fixed sign error on offset calculation. Fixes #9307 - Resizable: Erratic behavior of contained elements within scrollable grandparents (cherry picked from commit 6df5c1a4ae738e591694e0fe2fa3bbb8b05f6b0a)

Changeset: 1660c761e7fe3e790ec4dcb3a356a78ac2a1c7ed