Incorrect behavior when using resizable with position: fixed

Setting resizable on a fixed-position element. When resizing, the element jumps across the screen.

Specific details:

1. The element is resizable horizontally, and the position is specified by setting the 'right' css property.

2. When the element is resized, the 'left' css property gets set to 0 and the element jumps across the screen.

3. This occurs in both IE 11 and Chrome 37, but DOES NOT occur in Firefox 32.

4. A similar problem occurs when the element is resizable vertically, and the position is specified by setting the 'bottom' css property.

Minimal example:

http://jsfiddle.net/ukku7feh/2/

Possible workaround:

A minimal example of a possible workaround can be found here: http://jsfiddle.net/13enw3q5/1/

It basically involves stopping resizable from setting the 'left' property, and instead updates the 'right' property appropriately.

Possible solution:

Locating the fixed element using the 'right' property is useful for placing the element on the right-hand side of the page. It also means that the position of the element is updated if the vertical scrollbar appears/disappears. Similarly for using 'bottom' rather than 'top'.

The resizable implementation seems to locate the element by setting 'left' and 'top', irrespective of whether the original element was located using 'right' or 'bottom'. Instead, perhaps it should locate the element in same way as the original element, as in the workaround above.