title: Cannot call method 'createRange' of undefined
body: <p>Help me please.</p>
  
  <pre><code>&lt;style&gt;
  div.foo{border:1px solid red;}
  &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;div class="foo"&gt;&lt;/div&gt;
  
  
  &lt;script&gt;
  
  
  Ext.onReady(function(){
  
  Ext.create('Ext.panel.Panel', {
      title: 'Hello',
      width: 200,
      html: '&lt;p&gt;World!&lt;/p&gt;',
      //renderTo: Ext.getBody()
      renderTo: Ext.query('div.foo')
  });
  
  });  
  </code></pre>
  
  <p>Error:</p>
  
  <p><strong>Uncaught TypeError: Cannot call method 'createRange' of undefined</strong> </p>
  
  <p>I want to insert a widget into the block div.foo</p>