Allow "Focus on" for Buttons and other elements that can receive focus

Dave shared this idea 1 year ago
Completed

Lots of elements in HTML can receive focus other than text inputs and textareas, as shown in this brief GIF showing focus moving from a textarea to a button:

d6ecbc63ba46c62ca275bb40db0293ac

When a non-text[area] focusable element receives focus, it should be possible to set some appearance properties, such as an outer glow (via shadow, perhaps).

Focusable elements, in the form of a CSS selector, include:


  • a[href]:not([tabindex='-1']),
  • area[href]:not([tabindex='-1']),
  • input:not([disabled]):not([tabindex='-1']),
  • select:not([disabled]):not([tabindex='-1']),
  • textarea:not([disabled]):not([tabindex='-1']),
  • button:not([disabled]):not([tabindex='-1']),
  • iframe:not([tabindex='-1']),
  • [tabindex]:not([tabindex='-1"]),
  • [contentEditable=true]:not([tabindex='-1'])

Comments (2)

photo
1

Hi Dave,


Great suggestion! I have forwarded this to our development team.


Best,

Danielle

photo
1

Thank you, Danielle!


I posted it ages ago as a Question, but a commenter pointed out that it would be better as an Idea. I couldn't see a way to change my Question into an Idea, so I created a new one. Feel free to delete the Question, as it's fully covered here.