# Help with sortable\_element

**URL:** <https://www.ruby-forum.com/t/help-with-sortable-element/103633>\
**Category:** Rails\
**Created:** [May 8, 2007, 6:02pm UTC](https://www.ruby-forum.com/t/help-with-sortable-element/103633 "2007-05-08T18:02:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Charlie\_McElfresh](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/a6a055/32.png) [@Charlie\_McElfresh](https://www.ruby-forum.com/u/Charlie_McElfresh)\
**Post date:** [May 8, 2007, 6:02pm UTC](https://www.ruby-forum.com/t/help-with-sortable-element/103633/1 "2007-05-08T18:02:57Z")

</div>

Hi,

I made a sortable list that works fine. It does what I want – it  
sorts,  
and the order of the list is updated in the database. When you drag an  
element up the window, it scrolls. It’s draggable by the header.

However, I also want elements of that list to be draggable outside the  
sorting container. I can drag vertically outside the sorting container,  
but  
I cannot drag horizontally. Can anyone point me in the right direction?

Charlie

---

<div class="post-metadata">

**Author:** ![Charlie\_McElfresh](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/a6a055/32.png) [@Charlie\_McElfresh](https://www.ruby-forum.com/u/Charlie_McElfresh)\
**Post date:** [May 8, 2007, 6:40pm UTC](https://www.ruby-forum.com/t/help-with-sortable-element/103633/2 "2007-05-08T18:40:01Z")

</div>

One more thing – here is my code:

\<%= sortable\_element(‘list’, :tag =\> “div”, :handle =\>  
“header”, :constrain =\> ‘false’, :scroll =\> :window,:url =\> { :action  
=\> “sort\_by\_position” , :id =\> @elements\_to\_show },:complete =\>  
visual\_effect(:highlight, element\_id = false))%\>

---

<div class="post-metadata">

**Author:** ![Charlie\_McElfresh](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/c/a6a055/32.png) [@Charlie\_McElfresh](https://www.ruby-forum.com/u/Charlie_McElfresh)\
**Post date:** [May 8, 2007, 7:16pm UTC](https://www.ruby-forum.com/t/help-with-sortable-element/103633/3 "2007-05-08T19:16:20Z")

</div>

Whoops, syntax was wrong – it should be

:constraint =\> false