Content Studio: Usability šŸ“‰ when overriding browser focus styling

Bugs
1

Enonic version: 6.8.0

Was working in the admin yesterday I as usually use hotkeys and tabbing.
But one issue is that you have removed the default browser outline on focused elements :scream:

It can really be confusingā€¦ since you can select an item, that is then focused and active for ā€œenterā€, that of course is a good thing but when you have no idea of knowing what is selected it gets difficult.

Some examples.

a) Iā€™ve tabbed a few timesā€¦ can you se what is selected? I cantā€¦

When hitting enter I then duplicate a content without even getting a confirmation WTF :question:

Just having the default browser (Chrome) styling:
outline: -webkit-focus-ring-color auto 5px;
Would make a lot of senseā€¦

Pasted image511Ɨ123 7.9 KB

b) Another example that creates confusion by removing this styling is when editing a contentā€¦ Iā€™ve filled in the name of the content and start tabbing, works as expect I get to the next input (the path) and I tab once more and wtf :question:
What is now selected? In this case I could ofcourse guess its the option set but it aint really clear, since it have the same styling and state as when the other fields where selected.

Pasted image439Ɨ366 13.7 KB

Would expect it to be selected like this:

Pasted image438Ɨ364 13.9 KB

A good readā€¦

Dont let design and petty details override default web behaviour.

3 Likes
2

Thanks for the feedback, I have mentioned this for the developers earlier, so it should be on their list.

3

Thanks for the input - wasā€™n even aware some of these things have been disabled.

4

We hope to fix this for the 6.9 release. :strawberry: