It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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 in Industry Groups

🚗 How the Engineers at Karma used Atlassian products to build the Karma Revero

Hello, Automotive enthusiasts! Are you ready for October to begin 🙀? I wanted to share with you an Article I came across from Work/Life (The Atlassian blog) from Soumya Menon of Go2Group, a worldw...

39 views 2 1
View post

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you