SwiperJS slides halfway to next slide but should not slide at all when user presses Tab key

[loganatsea]

We have a unique scenario where when a user's focus is on the 'Watch now' button and the Tab key is pressed, the slide slides halfway. Whenever focus is in the slideshow, we don't want slides changing. In this scenario, the slide is sliding part of the way and gets stuck between two slides. I tried a variety of things to try to fix it, including changing loop to false, which fixes it, but we need loop set to true.

Also, when the slideshow loops through all three slides and returns to the slide with the 'Watch now' CTA button, the problem seems to disappear. Any suggestions on what else to try?

Update: Using the extension taba11y, I noticed there are inactive slides that have buttons that are getting focus.

https://tinyurl.com/6dy54xjs