Skip to main content

Bug Tracker

Side navigation

#1151 closed bug (wontfix)

Opened April 30, 2007 04:36PM UTC

Closed March 31, 2008 02:19AM UTC

Sortable width on drag

Reported by: ds.highwind Owned by: stefan
Priority: minor Milestone: 1.2
Component: interface Version: 1.1.2
Keywords: Cc:
Blocked by: Blocking:
Description

There is a problem with sortables made of unordered lists (at lest in IE7). Suppose you have

<ul class="sortable" id="sortable">

<li class="sortableitem">Item 1</li>

<li class="sortableitem">Item 2</li>

</ul>

<style type="text/css">

.sortable{

margin:0;

padding-left:0px;

list-style: none;

}

.sortableitem

{

cursor:default;

border:1px solid silver;

background:#f0f0ee;

margin:1px;

padding-left:2px;

}

</style>

<script type="text/javascript">

$(document).ready(

function () {

$('ul').Sortable(

{

accept : 'sortableitem',

axis: 'vertically',

}

)

}

);

</script>

The problem is as follows: when you start dragging an element it changes it's width/left offset. It is quite strange because in firefox everything is ok. It is certainly not a browser bug because everything is fine in script.aculo.us sortable demo.

Attachments (0)
Change History (1)

Changed March 31, 2008 02:19AM UTC by scott.gonzal comment:1

description: There is a problem with sortables made of unordered lists (at lest in IE7). Suppose you have\ <ul class="sortable" id="sortable">\ <li class="sortableitem">Item 1</li>\ <li class="sortableitem">Item 2</li>\ </ul>\ <style type="text/css">\ .sortable{\ margin:0;\ padding-left:0px;\ list-style: none;\ }\ .sortableitem\ {\ cursor:default;\ border:1px solid silver;\ background:#f0f0ee;\ margin:1px;\ padding-left:2px;\ }\ </style>\ <script type="text/javascript">\ $(document).ready(\ function () {\ $('ul').Sortable(\ {\ accept : 'sortableitem',\ axis: 'vertically',\ }\ )\ }\ );\ </script>\ \ The problem is as follows: when you start dragging an element it changes it's width/left offset. It is quite strange because in firefox everything is ok. It is certainly not a browser bug because everything is fine in script.aculo.us sortable demo.There is a problem with sortables made of unordered lists (at lest in IE7). Suppose you have \ <ul class="sortable" id="sortable"> \ <li class="sortableitem">Item 1</li> \ <li class="sortableitem">Item 2</li> \ </ul> \ <style type="text/css"> \ .sortable{ \ margin:0; \ padding-left:0px; \ list-style: none; \ } \ .sortableitem \ { \ cursor:default; \ border:1px solid silver; \ background:#f0f0ee; \ margin:1px; \ padding-left:2px; \ } \ </style> \ <script type="text/javascript"> \ $(document).ready( \ function () { \ $('ul').Sortable( \ { \ accept : 'sortableitem', \ axis: 'vertically', \ } \ ) \ } \ ); \ </script> \ \ The problem is as follows: when you start dragging an element it changes it's width/left offset. It is quite strange because in firefox everything is ok. It is certainly not a browser bug because everything is fine in script.aculo.us sortable demo.
resolution: → wontfix
status: newclosed

Interface is no longer supported; consider switching to jQuery UI.