0

A problem I was faced with is that there is no any focus frame (dashed border) on form elements: text fiels, buttons - when they are focused. This case is reproduced in IE9, Chrome but not in FF (FF displays focused elements the usual way).

So, we get that TAB key acts normally, but focus frame is absent, what confuses the user.

Also I should notice that I use ExtJS 3.3.1 API.

Does anybody have any suggestions in what's the problem? Thank you in advance!

JuliaCesar
  • 1,019
  • 12
  • 17
  • 1
    Have you customized your components or did any overrides for ExtJS default css? Because out-of-the-box it should work. Did you check in debugger that the according element receives the focus class? Post your code example here... – Dmitry Pashkevich Jul 03 '12 at 08:41
  • 1
    Thank you for your aiming, Dmitry. The problem is figured out now. There was a 'button' tag to render my wizard buttons. Standart Ext css files don't have a style description for '.x-btn-focus button', just for 'x-btn-focus .x-btn-left'. So the focus frame couldn't be rendered (Mozilla used its standart focus frames mechanism). I added an appropriate '.x-btn-focus button' style description to my custom css file to solve this problem. – JuliaCesar Aug 20 '12 at 11:09
  • had the same problem. I had a class in my CSS named .button { } ... added the .x-btn-focus button { } and works perfectly now – Allie Apr 05 '13 at 20:29

0 Answers0