Sortables text getting disappeared.
Hi all
I am using sortable for sorting a list in which each list item is a
textarea.
when I sort the list list the text I have entered in textarea gets
disappeared.
The problem is there in Firefox however everything is fine in IE.
I can no longer click inside the textarea as well.
My code is:
jQuery("#mylist").sortable({ placeholder: "ui-selected", helper:
'clone',
containment: 'document', items: "li", cursor: "move",
update : function () {
jQuery("#mylist").sortable('refresh');
}
});
And its the list:
<div class="tiles" id="tiles">
<ul class="mylist" id="mylist" style="list-style: none; margin: 10px;
float: left; padding: 0px;">
<span><i> Enter tiles in correct order</i></span>
<li id="tile_1">
<div class="content">
<textarea id="tile1" name="tile1" rows="1" cols="40" >
Enter title text
</textarea>
</div><br/> </li>
<li id="tile_2">
<div class="content">
<textarea id="tile2" name="tile2" rows="1" cols="40" >
Enter title text
</textarea>
</div><br/> </li>
<li id="tile_3">
<div class="content">
<textarea id="tile3" name="tile3" rows="1" cols="40" >
Enter title text
</textarea>
</div><br/> </li>
<li id="tile_4">
<div class="content">
<textarea id="tile4" name="tile4" rows="1" cols="40" >
Enter title text
</textarea>
</div><br/> </li>
</ul>