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


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?

1 answer

0 votes
Sean Curtis Atlassian Team Nov 15, 2015

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.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Friday in United States

Confluence Security Advisory

Good morning Members, Not sure if you are aware. Please read the following: https://www.icloud.com/keynote/0RyJ4VEdNUpjDpGfMhfZx9fEg#Confluence_Security_Advisor More details: https://co...

58 views 1 0
View post

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you