[Bug Report] v-tabs bar missing offset on medium(?) viewports to indicate that scrolling is possible #6932
Labels
C: VTabs
T: bug
Functionality that does not work as intended/expected
T: enhancement
Functionality that enhances existing features
Milestone
Versions and Environment
Vuetify: 1.5.9
Vue: 2.6.10
Browsers: Firefox 66.0
OS: Windows 7
Steps to reproduce
Expected Behavior
Offset is shown on the left-hand size
Actual Behavior
Offset is not displayed
Reproduction Link
https://codepen.io/anon/pen/jRrbYy
Other comments
Also happens in 2.0.0-alpha.12
Google Material specs (ctrl+f -> "Placement"->scroll down) say that "Do: On mobile and desktop, offset the first tab on the left to signal that tabs are scrollable." This is not the case on devices with a medium(?) viewport.
On larger viewports this is kinda supported, since the left arrow is not displayed while there are no items on the left, but smaller viewports don't show arrows unless the "show-arrows"-prop is provided.
Kinda off-topic: On Desktop the arrows vanish too, which makes scrolling hard on smaller viewports (e.g. when the page is rendered within an iframe on a small resolution, or when the browser window is not maximized). The only way to scroll then is to repeatedly click the last item. This was first discussed in #1789, which was closed in favor of #2530, resulting in the PR #2838, which supposedly made arrows show up on all viewport sizes - was this removed again or is the arrows vanishing on viewports with less than 1264px width a bug and should be covered in a new issue?
The text was updated successfully, but these errors were encountered: