title: css scroll-snap: focusing on the element which got snapped to
body: <p>I implemented a horizontal grid with some cards in them. The grid uses CSS scroll-snap and it works nicely when navigating with mouse/touchscreen.</p>
  <p>The problem occurs when the grid is navigated using a keyboard. Pressing tab after navigating through the grid with arrow keys causes the view to jump back to the element that got the focus, not the card which is current snapped to.</p>
  <p>My ideal behaviour when pressing tab is, to focus on the card which is currently snapped to.</p>
  <p>Any suggestions to make this possible?</p>