ui.sortable & a HTML select in IE7
Hi all,
I've written some test code using ui.sortable and a HTML select form
element.
All works fine in FF and IE6 but I'm hitting an issue in IE7.
The issue is this; if you try to select an option from the select
statement in IE7, the select doesn't change!
If you bypass the sortable initialising code (e.g.
$(document).ready(function(){
$("#myList").sortable({
"start": function(e,ui){
//console.log("start!");
},
"stop": function(e,ui){
//console.log("stop!");
},
"update": function(e,ui){
a = new Array();
$("#myList li input").each(function(){
//console.log($(this));
a[a.length] = $(this).attr("value");
})
//console.log(a);
}
});
});
Then everything works fine so it must be something in sortable which
is causing this.
It's as if the select box is not properly receing the event
notification?
For completeness here is the HTML which this runs against...
<ul id="myList">
<li>asdasd<input type="hidden" name="value" value="pear"/>1.pear</
p></li>
<li>
<input type="hidden" name="value" value="apple"/>2.apple
<select>
<option></option>
<option>joel</option>
<option>jess</option>
<option>lily</option>
<option>pickly</option>
</select>
</li>
<li><input type="hidden" name="value" value="berry"/>3.berry
</
li>
<li><input type="hidden" name="value" value="mango"/>4.mango
</
li>
<li><input type="hidden" name="value" value="guava"/>5.guava
</
li>
</ul>
Is there a workaround for this bug?
Joel