Opened 10 years ago

Closed 6 years ago

#4526 closed bug (notabug)

There is a bug with canvas

Reported by: ezequielzc Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.sortable Version: 1.7.1
Keywords: ie canvas corner bug Cc:
Blocked by: Blocking:

Description

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>

Change History (3)

comment:1 Changed 10 years ago by Jörn Zaefferer

Milestone: TBD1.8
Priority: criticalminor

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

comment:2 Changed 7 years ago by Scott González

Milestone: 1.9.02.0.0

comment:3 Changed 6 years ago by mikesherov

Resolution: notabug
Status: newclosed

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

Note: See TracTickets for help on using tickets.