Click Focus Behavior

This page is used for manual tests to gather intel about focus being given / focus styles being applied on click.

While every browser on every system renders the native focus outline of a div upon pressing Tab, behavior for click seems to vary. However, custom focus outlines are always rendered upon click.

IE11 will not render the native focus outline upon click.

Firefox on Windows will not render the native focus outline upon click unless the Tab has been pressed at least once. Firefox on Mac will render the native outline upon click.

Chrome on Windows and Mac always renders the native focus outline upon click.

Safari always renders the native focus outline upon click.


Tabbable div

native style
 
custom style

Focusable div

native style
 
custom style