Why has the default focus outline styling been removed on AUI-Select2

Question

Hi

I have a problem with the AUI-Select2 component because the default :focus { outline } element has been overwritten. This has negative effect on the accessibility of the element I'm creating and I can't see this behavior on other AUI elements by glancing over them.

Is this lack of default focus outline by design? or is it possibly an oversight and something that might be fixed?

Sean Curtis · Answer

I guess it's partially by design. Select2 uses a div to simulate the visual effect of an input field — let's call this the "input div". The actual input field is a great deal smaller than the input div, and is sized differently depending on the mode of the select2 (single, multiple, etc). I'm guessing that when this component was styled to look like the other AUI form elements, styles to replicate the focus ring "glow" on the input div would have been required. The downside of this is that each browser and OS styles these differently. Putting some focus styles in for this that made it look like the blue glow in OSX would have looked very out of place when among the other AUI controls when viewed in a Windows browser. I believe a holistic approach to focus styles will be happening soon, however I'm not sure if Select2 will be part of this as we're creating new AUI components to replace it.