Checkbox Focus/Blur Issue on Chrome

**wapiko** · 11 May 2012 10:25 AM

Hello,

I have an issue with using the checkbox focus/blur events on Chrome.

On Chrome, when the user clicks on the checkbox, it doesn't trigger the focus and blur listener events, but it works as expected on Firefox and IE9. It seems the focus/blur events only get triggered if the user uses "Tab" button. Is it a bug or this is by design?

This is the code I used to test:

Code:

<html>
  <head>
  <link href="/resources/css/ext-all.css" media="screen" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="/javascript/ext4/ext-all-debug.js"></script>
  <script type="text/javascript" src="/javascript/jquery/jquery-debug.js"></script>
  <script type="text/javascript">
    Ext.onReady(function() {
      var checkbox = Ext.create("Ext.form.field.Checkbox",
        {
          id: "checkbox_ID",
          renderTo: "checkbox_DIV",
          boxLabel: "Checkbox Test",
          listeners:
            {
              focus: function(checkbox)
                {
                  alert("focus");
                },
              blur: function(checkbox)
                {
                  alert("blur");
                },
              afterrender: function(checkbox)
                {
                  checkbox.inputEl.on("click", function()
                    {
                      $("#spanText").html("Checkbox is clicked!");
                    });
                }
            }
        });
      });
  </script>
  </head>
  <body>
  <div id="checkbox_DIV"></div>
  <span id="spanText"></span>
  </body>
</html>

**jsakalos** · 12 May 2012 12:52 PM

Verified. I doesn't work in Safari either. Do you want this thread to be moved to Bugs?

**wapiko** · 14 May 2012 9:03 AM

Sure, thanks for checking!

**strictlyphp** · 8 Oct 2012 1:30 AM

Any news on this?

**DragonBeer** · 16 Nov 2012 7:40 AM

This seems to still be happening. Is this bug looking to be fixed in the near future?

**mike.estes** · 18 Nov 2012 11:26 AM

This appears to be a webkit bug, see https://bugs.webkit.org/show_bug.cgi?id=22261

Checkbox Focus/Blur Issue on Chrome

Thread Tools

Search Thread

Display

Checkbox Focus/Blur Issue on Chrome

Checkbox Focus/Blur Issue on Chrome