My goal is to create a drawing surface (container) with DIVs containing HTML, where such DIVs have handles (draggable) to move, resize and rotate them.
At this stage my questions pertain to the prototype at http://dojo.telerik.com/isatE
In Chrome, Firefox, IE and Safari (latest versions on Windows 8.1 with all updates), a shadow of the draggable square flickers at the top left corner of the container when dragging the square forth and back. To reproduce simply drag the square around the container for sufficient time. Apparently, (e.offsetX, e.offsetY) sometimes returns (0, 0) for a reason I cannot explain.
Looking at the console (it might be a different problem), there is an error originating from kendo.all.min.js.
Chrome displays: "Uncaught TypeError: undefined is not a function"
IE displays: "SCRIPT438: Object doesn't support property or method 'offset'"
Firefox displays: "TypeError: e[t] is not a function"
Safari displays "TypeError: 'undefined' is not a function (evaluating 'e[n]()')"
- Get rid of the flickering;
- Get rid of console error messages;
- Validate our code considering we cannot use a hint (rotate and resize planned for next step).