Vuetify: Tabs: missing pagination controls

Created on 13 Aug 2017  路  7Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

View the pagination example in the official tabs documentation section in a browser.

Versions

Vuetify 0.14, using Windows (several up to date browsers such as Firefox, Edge, Chromium, Electron etc) and Android (FF)

What is expected ?

Expecting to see pagination controls and the ability to navigate the items even on a narrow viewport on desktop with the mouse.

What is actually happening ?

Pagination controls inconsistently show up. Adjusting the viewport width produces inconsistent results (sometimes the pagination pops up but most of the time not) and on mobile no pagination seems to show up (FF on Android). On desktop a narrow viewport produces no pagination and no obvious way to see or navigate to out-of-view menu items.

On mobile:
mobilevuetifypaginatedtabs

Desktop browser on Windows:
2017-08-13 17_23_14-tabs _ vuetify js - chromium

Reproduction Link

https://vuetifyjs.com/components/tabs#example-8

bug

Most helpful comment

All 7 comments

On mobile, there is touch support instead of pagination controls.

I'm looking into desktop issues

Can confirm this. In my case, the pagination controls doesn't show up even with normal desktop size (1920*1080).

vuetifypagenation

Any update on this @nekosaur ?

This issue is still not fixed. Same problems are coming meanwhile.

Please create a new issue using https://issues.vuetifyjs.com and provide the reproduction

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings