Skip to content
This repository has been archived by the owner on Aug 26, 2021. It is now read-only.

au body target #870

Open
sukhrajghuman opened this issue Aug 16, 2019 · 2 comments
Open

au body target #870

sukhrajghuman opened this issue Aug 16, 2019 · 2 comments
Labels
accessibility Issue or pull request related to accessibility. 🐛 bug Something isn’t working the way it should.

Comments

@sukhrajghuman
Copy link
Contributor

this bit of CSS causes unusual behaviour.

[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 sukhrajghuman added this to 🌱 Product Backlog in Design System via automation Aug 16, 2019
@gordongrace gordongrace added the 🐛 bug Something isn’t working the way it should. label Sep 17, 2019
Design System automation moved this from 🌱 Product Backlog to ✨ Done Sep 17, 2019
@sukhrajghuman
Copy link
Contributor Author

@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
Copy link
Contributor

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

@gordongrace gordongrace reopened this Sep 17, 2019
Design System automation moved this from ✨ Done to ✏️ Sprint backlog Sep 17, 2019
@anthonymckerron anthonymckerron added the accessibility Issue or pull request related to accessibility. label Oct 1, 2019
@anthonymckerron anthonymckerron moved this from ✏️ Sprint backlog to 🌱 Product Backlog in Design System Oct 1, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
accessibility Issue or pull request related to accessibility. 🐛 bug Something isn’t working the way it should.
Projects
Design System
  
🌱 Product Backlog
Development

No branches or pull requests

3 participants