new-list-tables icon indicating copy to clipboard operation
new-list-tables copied to clipboard

Row actions not revealed when using a keyboard to navigate content

Open afercia opened this issue 8 years ago • 2 comments

The row actions should get visible when using a keyboard to navigate content and focus gets into the row actions region.

Currently on WordPress this is achieved using jQuery focusin and focusout to switch the off-screen CSS relative position to static. Not sure how to implement a similar behavior in React.

afercia avatar Jun 03 '17 15:06 afercia

Can this be done in CSS rather than in JS? Given that we're controlling CSS behaviour, moving it there would be better. I assume there must be a good reason for not just using :focus

The current behaviour seems to be that whenever the cell has focus, row actions are shown, right?

rmccue avatar Jun 06 '17 05:06 rmccue

Can't be done with just CSS because when tabbing backwards (Shift+Tab) there's no CSS selector that allows to target an ancestor of the focused row actions links.

afercia avatar Jun 06 '17 06:06 afercia