Sortables and FF2/PC - an issue?
Is there a problem with FF2 and sortable?
Below is my pretty simple code - if I use a list-style:none then it
busts in FF2/PC (the placeholder class appears when you try and drop,
but the img just snaps straight back on release). Works just fine in
IE7/PC, FF2/Mac and Safari3/Mac).
If I drop into quirks mode it works fine in FF2/PC - but causes
display issues in IE7 (the placeholder appears over the ghosted image
being dragged)
Is this me being an idiot, or is this a known problem?
Many thanks
Ben
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
li {
float:left;
list-style: none;
}
.ui-selected {
background: #8bc64c;
}
</style>
<script src="jquery/jquery.js"></script>
<script src="jquery/ui/ui.core.js"></script>
<script src="jquery/ui/ui.sortable.js"></script>
<script>
$(document).ready(function(){
$("#placeholderSortable").sortable({
placeholder: "ui-selected",
revert: true
});
});
</script>
</head>
<body>
<div class="sortable-container">
<div id="example3">
<div style="min-height: 500px; min-height:500px; height:auto !
important;">
<ul id="placeholderSortable" style="list-style-position: inside;
height: 500px; cursor: move;">
<li id='i18511NXSS_037' style=""><img alt="18511NXSS_037"
src="http://assetmanagement.ec2i.biz/getimage/FP_PREVIEWS/N_FILES/Next/
18511_Spring_Summer/SMALL/Colour/18511NXSS_037.jpg" /></li>
<li id='i18511NXSS_038' style=""><img alt="18511NXSS_038"
src="http://assetmanagement.ec2i.biz/getimage/FP_PREVIEWS/N_FILES/Next/
18511_Spring_Summer/SMALL/Colour/18511NXSS_038.jpg" /></li>
<li id='i18511NXSS_039' style=""><img alt="18511NXSS_039"
src="http://assetmanagement.ec2i.biz/getimage/FP_PREVIEWS/N_FILES/Next/
18511_Spring_Summer/SMALL/Colour/18511NXSS_039.jpg" /></li>
<li id='i18511NXSS_040' style=""><img alt="18511NXSS_040"
src="http://assetmanagement.ec2i.biz/getimage/FP_PREVIEWS/N_FILES/Next/
18511_Spring_Summer/SMALL/Colour/18511NXSS_040.jpg" /></li>
<li id='i18511NXSS_041' style=""><img alt="18511NXSS_041"
src="http://assetmanagement.ec2i.biz/getimage/FP_PREVIEWS/N_FILES/Next/
18511_Spring_Summer/SMALL/Colour/18511NXSS_041.jpg" /></li>
</ul>
</div>
</div>
</div>
</body>
</html>