Table: Responsive tables - Scroll is not keyboard accessible

[sarasuri]

Hi,

When the responsive class is added to a container to create a responsive table that will put a horizontal bar at the bottom of the table. However, keyboard only users are not able to put the focus on the container to make use of its scrolling in Chrome and Microsoft Edge browsers. Unless the table coantains focusable elements for the users to move the focus within the table and scroll the table using the left / right arrow keys.

Is it possible to revise the code so that it can be fixed or anyone has any thoughts on how it can fixed in an accessible way?

Thank you