spectrum-web-components icon indicating copy to clipboard operation
spectrum-web-components copied to clipboard

[Bug][a11y]: Card action menu is not accessible using the keyboard in small variant

Open majornista opened this issue 2 years ago • 1 comments
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?

  1. Go to '...'
  2. Click on '....'
  3. Scroll to '....'
  4. Check console
  5. See error

Sample code that illustrates the problem

Logs taken while reproducing problem

No response

majornista avatar Jun 28 '23 22:06 majornista

We should clarify the expected behaviour for this scenario. Looking at this example, it does look like a strange interaction.

najikahalsema avatar Oct 26 '23 14:10 najikahalsema