Draggable lists don't render properly in IE7

[GoogleCodeExporter]

What steps will reproduce the problem?
1. In controller, set association column like: 
columns[:users].options[:draggable_lists] = true
2. Go to list and edit record using default ActiveScaffold view.

What is the expected output? What do you see instead?

Text in second list you drag associated model values to goes beyond boundaries, 
overlapping list below it.

What version (or revision) of the product are you using?

Latest.

If this bug causes an exception, please paste at least the first 20 lines below.

(No exception.)

Original issue reported on code.google.com by garyswea...@gmail.com on 6 Jul 2010 at 3:07

Attachments:

• [draggable_lists issue.png](https://storage.googleapis.com/google-code-attachments/activescaffold/issue-756/comment-0/draggable_lists issue.png)

[GoogleCodeExporter]

Our resident UI expert Jeremy Bandini figured it out! By default Safari (and it 
seems IE7) will set margin on the HTML DL (definition list) tag. If you use 
stylesheet reset code like most good apps would do in their main css, you 
wouldn't see the issue. Without doing a full stylesheet reset, you can at least 
do the following as a workaround in your css:

dl {
   margin:0;
}

This issue was also causing too much space to appear between dropdown/selects 
in association lists in A.S. default subforms. It might be a good idea to 
include something to this effect by default with A.S.'s CSS.

Original comment by garyswea...@gmail.com on 6 Jul 2010 at 3:47

[GoogleCodeExporter]

Fixed in 1ffab7a

Original comment by sergio.c...@gmail.com on 7 Jul 2010 at 7:39

• Changed state: Fixed