problem with accessibility theme

Hello everyone,

i have updated an application from ExtJS 5.0.0 to 5.1.0 but now im facing the problem that my components have a box-shadow when they are focused (see screenshot).

screen.png

I think that is because of the new accessibility themes...

My application is based on the crisp theme with custom scss overwrites.

I was able to hide it with css like this:

Code:

.x-btn-focus.x-btn-MY-UI-NAME-small {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

But I am not really happy with this solution...

Is there any other way i can disable this "frame it when focused" behaviour?

I hope you can help me.

If you need any more information don't hesitate to ask.

Christoph

problem with accessibility theme