Skip to main content

Search and Top Navigation

#4760 open bug ()

Opened August 07, 2009 11:39PM UTC

Last modified November 04, 2012 03:24AM UTC

Resizable: custom handles not supported for multiple elements

Reported by: JoshuaFlanagan Owned by:
Priority: major Milestone: 2.0.0
Component: ui.resizable Version: 1.7.2
Keywords: haspatch Cc:
Blocked by: Blocking:
Description

Assuming issue #4310 is resolved (or you manually add ui-resizable-handle and ui-resizable-s classes to your custom south handle), the custom handle will still not work properly if you selected multiple elements to be resizable.

For example:

$(".box").resizable({handles: {"s":".footer"}});

with html snippet:

<div class="box">

<div class="footer ui-resizable-handle ui-resizable-s"></div>

</div>

<div class="box">

<div class="footer ui-resizable-handle ui-resizable-s"></div>

</div>

Only the first box will have a usable south handle. It seems like the footer element for the first box is being configured as the handle for all all boxes.

Attaching a potential fix.

Attachments (1)
Change History (3)

Changed November 17, 2009 01:20PM UTC by jzaefferer comment:1

milestone: TBD1.8

Changed October 11, 2012 02:52PM UTC by scottgonzalez comment:2

milestone: 1.9.02.0.0

Changed November 04, 2012 03:24AM UTC by tj.vantoll comment:3

keywords: → haspatch
status: newopen
summary: Resizable custom handles not supported for multiple elementsResizable: custom handles not supported for multiple elements

Verified this is still an issue in 1.9.1 - http://jsfiddle.net/tj_vantoll/Cd3Tx/.