REQUIRED INFORMATION

Ext version tested:

  • Ext 4.0 rev 5
Browser versions tested against:
  • Chrome 13.0.782.107 m
  • IE 8, 9
  • FF3
Description:
  • Creating a draw component with a draggable sprite causes an exception
Steps to reproduce the problem:
  • Run the included code
The result that was expected:
  • A blue rectangle with a red circle
The result that occurs instead:
  • Exception in the initDraggable code
Test Case:
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html>
   <
head>
      <
title id="page-title">Bug Example</title>
      <
link rel="stylesheet" type="text/css" href="/js/extjs-nls/resources/css/ext-all.css" />
      
      <
script type="text/javascript" src="/js/extjs-nls/ext-all-debug.js"></script> 

      <script type="text/javascript">
         Ext.onReady (function () {
            var dc = Ext.create ('Ext.draw.Component', {
               region: 'center',
               viewBox: true,
               margin: 5,
               items: [
                  { type: 'rect', fill: '#1111cc', x: 0, y: 0, width: 100, height: 100 },
                  { type: 'circle', fill: '#cc1111', x: 10, y: 10, radius: 5, draggable: true }
               ]
            });

            var vp = Ext.create ('Ext.container.Viewport', {
               layout: 'border',
               renderTo: Ext.getBody (),
               items: [ dc ]
            });
         });
      </script>
   </head>
   <body>
   </body>
</html>