Looks like we can't reproduce the issue or there's a problem in the test case provided.
Sencha Premium Member
Focus outline on many controls
Ext version tested:
Browser versions tested against:
- Ext 22.214.171.1245 with classic theme
DOCTYPE tested against:
- Chrome 36 (latest) Mac
- Safari Latest Mac
Description:The focus rectangle on trees, tab panels, buttons, etc, is very undesirable. This is a change from ExtJS 4 behavior.Steps to reproduce the problem:https://fiddle.sencha.com/#fiddle/8rpClick the LOREM tab and see that there is a focus rectangle around the word LOREM.This likewise happens on buttons, tree nodes, etc...The result that was expected:LOREM should be selected, but no focus rectangle should show on the text.The result that occurs instead:Outlines...Screen Shot 2014-08-13 at 10.51.10 AM.pngScreen Shot 2014-08-13 at 10.51.37 AM.pngScreen Shot 2014-08-13 at 10.51.59 AM.pngScreen Shot 2014-08-13 at 10.56.52 AM.png
The styling you're seeing is the result of a longstanding Ext4 bug where the focused button used the styling used for buttons when hovered. All themes now have focus styling which you can override either by CSS if you're not working with a Cmd generated / built app or via a a custom theme extending the framework theme.
Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our human resources manager: email@example.com