View Full Version : Combobox Does Not Lose Focus After Select in Internet Explorer

18 Apr 2013, 7:29 AM

Ext version tested:

Ext 4.1.3
Browser versions tested against:


After making a selection in a combobox and tabbing out of the box, the field remains focused in Internet Explorer.
Steps to reproduce the problem:

Open Internet Explorer 8 or 9
Visit this link: http://docs.sencha.com/extjs/4.1.3/#!/example/form/combos.html
Click on a combobox and enter "A" with the keyboard to select a state.
Press "TAB" key and notice that the field stays focused until a mouseclick on the page
The result that was expected:

Combobox should lose focus when "TAB" is pressed
The result that occurs instead:

Combobox retains focused style


See this URL for live test case: http://docs.sencha.com/extjs/4.1.3/#!/example/form/combos.html

Debugging already done:

Tested with Ext 4.0.7 and this bug does not exist
Possible fix:

not provided
Additional CSS used:

only default ext-all.css
Operating System:

Windows 7 Professional

18 Apr 2013, 9:02 AM
I'm afraid I'm not seeing the issue on my box with Win7 and IE8.
Out of curiosity, do you see the issue when testing with the current stable release: 4.2?

18 Apr 2013, 9:55 AM
Yes, I have tested in 4.2 and I have the same results.

Tested in IE 8 and IE9. The combobox field retains the "blue" focused border following a select and tab out of the field.

Here is how I recreated:
1. Click on field
2. Type "A"
3. Press "TAB"

---Result of completing steps 1 - 3 is that the combobox textfield remains highlighted after losing focus.---

19 Apr 2013, 2:01 PM
Ahh... I finally see what you're talking about now. Sorry about that. I wasn't seeing it at first, but did just now.
I tested with the latest Beta of 4.2.1 and it looks like that got fixed (tested in IE9 at least).

Thanks for raising the issue to us!