How I can remove focused elements (tab, grid cells, etc.) outline in my ExtJS 6 app? Is there any global config for this?
Example:
I managed to remove outline for tabs, buttons and grid cells with this CSS rules
* {
outline: none !important;
}
.x-grid-item-focused .x-grid-cell-inner:before {
border: 0;
}
but unfortunatly for some focused elements it doesnt work. I noticed that for some components ExtJS add different CSS rules to add border / outlines.
For example to border layour split separator component added :after
with outlines.
Is there any complex solution for this issue?
P.S. Why on Earth Sencha add this styles to framework without ability to remove it. IMO it's pretty annoying and complicates theming.