[Bug Report] Tab Slide group next and previous buttons not working

[qstiegler]

Environment

Vuetify Version: 2.3.21
Vue Version: 2.6.11
Browsers: Chrome 87.0.4280.88
OS: Mac OS 10.15.7

Steps to reproduce

If there are too many items in the tab bar, so you get the arrow buttons to slide through the tabs, you can't click them. Additionally sometimes (I think depending on the width), clicking works but it won't calculate the width correctly and then you can't see the last or the first element of the tabs.

If you use the show-arrows attribute, It works like a charm but the buttons are not hidden on mobile touch devices as they would be without the attribute.

Expected Behavior

Arrow buttons are working and the tab slide calculation works as expected

Actual Behavior

Arrow buttons aren't working most of the times without the show-arrows attribute.

Reproduction Link

https://vuetifyjs.com/en/components/tabs/#center-active