spectrum-web-components
spectrum-web-components copied to clipboard
[Bug][a11y]: Card action menu is not accessible using the keyboard in small variant
trafficstars
Code of conduct
- [X] I agree to follow this project's code of conduct.
Impacted component(s)
Card
Expected behavior
Visually hidden action menu button should display when it receives focus.
:host([size="s"]) .actions,
:host([size="s"]) .quick-actions {
visibility: visible;
}
Actual behavior
The action menu button within a small Card, has visibility: hidden except on :hover or :focus-within, which means the action menu button cannot receive focus unless the Card is hovered.
Screenshots
No response
What browsers are you seeing the problem in?
No response
How can we reproduce this issue?
- Go to '...'
- Click on '....'
- Scroll to '....'
- Check console
- See error
Sample code that illustrates the problem
Logs taken while reproducing problem
No response
We should clarify the expected behaviour for this scenario. Looking at this example, it does look like a strange interaction.