There is a bug with canvas

[ezequielzc]

When i sortstop the ui.sortable change some properties in the tag "canvas" inserted by the plugin ​http://malsup.com/jquery/corner/ this bug just exisist for IE.

here is before sortstop: <canvas class=cornercanvas style="DISPLAY: block; LEFT: 0px; WIDTH: 8px; POSITION: absolute; TOP: 0px; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><?xml:namespace prefix = g_vml_ /><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#e1e1e1" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m-5,-5 l75,-5 c75,-5,-5,-5,-5,75 l-5,-5 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas><canvas class=cornercanvas style="DISPLAY: block; RIGHT: 0px; WIDTH: 8px; POSITION: absolute; TOP: 0px; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#e1e1e1" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m75,-5 l75,75 c75,-5,-5,-5,-5,-5 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas><canvas class=cornercanvas style="DISPLAY: block; LEFT: 0px; WIDTH: 8px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#e1e1e1" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m-5,75 l75,75 c-5,75,-5,-5,-5,-5 l-5,75 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas><canvas class=cornercanvas style="DISPLAY: block; RIGHT: 0px; WIDTH: 8px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" filled = "t" fillcolor = "#e1e1e1" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m75,75 l75,-5 c75,-5,75,75,-5,75 l75,75 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas>

here is after sortstop: <canvas class=cornercanvas style="DISPLAY: block; LEFT: 0px; WIDTH: 8px; POSITION: absolute; TOP: 0px; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><?xml:namespace prefix = g_vml_ /><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m-5,-5 l75,-5 c75,-5,-5,-5,-5,75 l-5,-5 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas><canvas class=cornercanvas style="DISPLAY: block; RIGHT: 0px; WIDTH: 8px; POSITION: absolute; TOP: 0px; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m75,-5 l75,75 c75,-5,-5,-5,-5,-5 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas><canvas class=cornercanvas style="DISPLAY: block; LEFT: 0px; WIDTH: 8px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m-5,75 l75,75 c-5,75,-5,-5,-5,-5 l-5,75 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas><canvas class=cornercanvas style="DISPLAY: block; RIGHT: 0px; WIDTH: 8px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 8px" height="8" width="8"> <DIV style="OVERFLOW: hidden; WIDTH: 8px; POSITION: absolute; HEIGHT: 8px"><g_vml_:shape style="WIDTH: 10px; POSITION: absolute; HEIGHT: 10px" coordsize = "100,100" stroked = "f" strokecolor = "#e1e1e1" strokeweight = "1pt" path = " m75,75 l75,-5 c75,-5,75,75,-5,75 l75,75 e"><g_vml_:fill opacity = "1"></g_vml_:fill></g_vml_:shape></DIV></canvas>

[Jörn Zaefferer]

Consider using jQuery UI CSS framework classes to style your elements instead of using the corner plugin.

[mikesherov]

Thanks for contributing! Please seek help with plugins from the plugin author. This bug tracker is for tracking core jQuery UI bugs. Thanks again!