#9307 closed bug (fixed)

Opened May 16, 2013 11:08AM UTC

Closed May 29, 2013 12:22PM UTC

Last modified November 26, 2013 03:35PM UTC

Resizable: Erratic behavior of contained elements within scrollable grandparents

Reported by:	christian314159	Owned by:
Priority:	minor	Milestone:	1.10.4
Component:	ui.resizable	Version:	1.10.3
Keywords:	haspatch	Cc:
Blocked by:		Blocking:

Description

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/

Attachments (0)

Change History (6)

Changed May 16, 2013 12:23PM UTC by mikesherov comment:1

keywords:	→ haspatch

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

Changed May 17, 2013 02:37AM UTC by tj.vantoll comment:2

status:	new → open
summary:	Resizable within scrolling container jump/can't be resized to containing elements' width → Resizable: Erratic behavior of contained elements within scrollable grandparents

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.

Changed May 29, 2013 12:22PM UTC by Christian Klammer comment:3

resolution:	→ fixed
status:	open → closed

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

Changeset: 6df5c1a4ae738e591694e0fe2fa3bbb8b05f6b0a

Changed May 29, 2013 12:22PM UTC by mikesherov comment:4

milestone:	none → 1.11.0

Changed November 26, 2013 03:34PM UTC by Christian Klammer comment:5