#4310 open bug ()

Opened March 10, 2009 12:50AM UTC

Last modified March 06, 2019 12:44PM UTC

Resizable: custom handles do not work

Reported by: PsychodelEKS Owned by:
Priority: major Milestone: 2.0.0
Component: ui.resizable Version: 1.7
Keywords: resizable handles Cc:
Blocked by: Blocking:
Description

According to documentation, one can specify custom objects-handlers for resizing. I've tried creating resizable object with the following settings:

<div class="wnd_container">

<div class="wnd_border wnd_top_left"></div>

<div class="wnd_border wnd_top_right"></div>

<div class="wnd_border wnd_bottom_right"></div>

<div class="wnd_border wnd_bottom_left"></div>

<div class="wnd_content">

Some text.

</div>

</div>

$('.wnd_container').resizable({

handles:

{

ne:'div.wnd_top_right',

se:'div.wnd_bottom_right',

sw:'div.wnd_bottom_left',

nw:'div.wnd_top_left'

}

});

but the object can not be resized with those =(

Though if I manually add resizable classes (e.g. "ui-resizable-se ui-resizable-handle") they start working (with/without handles option specified).

Url to test:

http://psychodeleks.sabay.ru/test/resizable_test.html

Attachments (0)
Change History (8)

Changed May 07, 2009 10:36AM UTC by jzaefferer comment:1

milestone: TBD → 1.7.2

Changed May 07, 2009 01:19PM UTC by jzaefferer comment:2

milestone: 1.7.2 → 1.8

Changed June 02, 2012 11:09AM UTC by postal2600 comment:3

Has anyone else fixed/started fixing this already? Otherwise, I'm on it.

Changed September 18, 2012 12:42PM UTC by kiro comment:4

Got here by searching the bug tracker for tickets on "resizable handles". I think this can be broken down to "setting handles on init works, using the setter after init won't work".

WORKS:

$("#resizable").resizable( {handles: 'e, w'} );

WON'T WORK:

$("#resizable").resizable( );

$("#resizable").resizable( "option", "handles", 'e, w' );

Bug #3423 might be related.

Cheers!

Changed September 18, 2012 12:54PM UTC by scottgonzalez comment:5

@kiro That's a very different bug.

Changed October 11, 2012 02:49PM UTC by scottgonzalez comment:6

milestone: 1.9.0 → 2.0.0

Changed November 04, 2012 03:12AM UTC by tj.vantoll comment:7

status: new → open
summary: Resizable custom handles not working → Resizable: custom handles do not work

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

Changed March 06, 2019 12:44PM UTC by wenz comment:8

Documentation mentions that the CSS classes need to be set -> I'd suggest to close the ticket.