Opened 15 years ago

Closed 15 years ago

Last modified 14 years ago

#2893 closed bug (fixed)

UI Resizables don't work with canvas tag

Reported by: nostrademons Owned by: eduardo
Priority: minor Milestone: 1.5
Component: ui.core Version: 1.2.3
Keywords: resizable, canvas Cc:
Blocked by: Blocking:


This may be invalid, but I'm reporting it anyway so a decision can be made about whether there's a possible fix or if it should just be documented.

UI Resizables don't work with the canvas tag. Problem is that Resizable adds its handles as child elements, but children of a canvas tag are interpreted as fallback content and not rendered if the browser can successfully render the canvas. A similar problem will occur with any other element that uses its content as a fallback, eg. script, applet, or object, but I can't imagine a situation where someone would want to apply Resizables to any of those. Would it also occur if you try to make an element that doesn't take content (eg. image) Resizable?

A workaround for client code is to wrap the canvas in a div and apply the resizable to the div - you can still draw on the canvas as normal, and use a stop handler on the Resizable to adjust its width/height and rerender it when resized.

Change History (4)

comment:1 Changed 15 years ago by braeker

Owner: changed from paul to braeker

comment:2 Changed 15 years ago by braeker

Resolution: fixed
Status: newclosed

comment:3 Changed 15 years ago by (none)

Milestone: 1.2.4

Milestone 1.2.4 deleted

comment:4 Changed 14 years ago by paul

Milestone: 1.5
Note: See TracTickets for help on using tickets.