#4526 closed bug (notabug)

Opened May 09, 2009 04:19AM UTC

Closed October 29, 2012 05:25AM UTC

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>

Attachments (0)
Change History (3)

Changed May 11, 2009 11:25AM UTC by jzaefferer comment:1

milestone: TBD → 1.8
priority: critical → minor

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

Changed October 11, 2012 02:54PM UTC by scottgonzalez comment:2

milestone: 1.9.0 → 2.0.0

Changed October 29, 2012 05:25AM UTC by mikesherov comment:3

resolution: → notabug
status: new → closed

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