I'm having stuck in using jqueryui draggable.

I want to make an element draggable with custom containment area (a custom  shape, not a square)

Imaging: It's a square with a conner where donot allow to drag to.

I've searched for using multiple containment but no work answers.

Help me plz.

Thanks you so much!

More explain:

- I have 2 div to containment:

#container-1{ width:200px; height: 200px;}

#container-2{width:100px; height:100px;}

- and draggable element

#draggable

-------

The #container-2 is right below the #container-1 with no padding, margin (these 2divs will join together to become an custom area)

I need to make the #draggable just containment in the custom area made above.