the DateField's blur event fails to fire if the DatePicker is clicked immediately after clicking in the DateField.

a test case follows:
HTML Code:
<html>
<head>
  <link rel='stylesheet' href='ext-all.css'>

  <script src='yui-utilities.js'></script>
  <script src='ext-yui-adapter.js'></script>
  <script src='ext-all-debug.js'></script>
  
  <script>
    Ext.onReady(function() {
      var df = new Ext.form.DateField({
        format: 'd/m/y',
        listeners: {
          blur: function(o) {
            console.log('lost focus!');
          }
        }
      });
      df.applyTo('myDate');
    });
  </script>
</head>
<body>
<input type='text' id='myDate' value='07/07/07'/>
<input type='text' id='otherField' value='The Other Field'/>
</body>
</html>
  • click in the DateField, then click in "The Other Field", and console.log fires.
  • click directly on the DatePicker, then click in "The Other Field", and console.log also fires.
  • click in the DateField, then click on the DatePicker icon, then click in "The Other Field", and console.log doesn't fire -- another click is required anywhere outside the DateField and DatePicker before console.log fires again.