title: ExtJS component get the different position from afterrender and focus event?
body: <p>Hi I tried to get component position but I found the <code>getXY()</code> will show diffrent position in different events.</p>
  
  <p>like this sample, <a href="https://fiddle.sencha.com/#fiddle/127d" rel="nofollow">fiddle</a></p>
  
  <pre><code>init: function() {
      var me = this;
  
      me.control({
          'textfield[itemId=field]': {
              change: me.changeField,
              focus: me.focusField,
              afterrender: me.afterRenderField
          }
  
      });
  
  },
  
  focusField: function(field, event) {
      console.log(field.getXY());
  },
  
  changeField: function(field, newValue, oldValue) {
      console.log(field.getXY());
  },
  
  afterRenderField: function(field) {
      console.log(field.getXY());
  }
  </code></pre>
  
  <p>I think the correct position is in focus and change events. Why afterrender is different? </p>
  
  <p>I want to do something after the component is rendered so I need to get the correct position.</p>