govau/design-system-components

au body target

Opened this issue · 2 comments

sukhrajghuman commented

this bit of CSS causes unusual behaviour.

design-system-components/packages/body/src/sass/_module.scss

Lines 68 to 71 in 2d6ea8a

[tabindex="0"]:focus,
:target {
@include AU-outline();
}

For example in the skip link component when an item is focused on, it remains focused.

To recreate

  1. See the live example
  2. Press tab and click one of the skip link items
  3. Press tab again to focus on another element.
  4. The skip link anchor remains in focus

image

sukhrajghuman commented

@gordongrace could you please mention why this was closed? Or if there was a PR that fixed this issue, could you please reference the number.

gordongrace commented

"Close" issue button is far too close to the "close popover" function when viewing issue in GitHub Projects ;)

  • 😄1