search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.81k stars 6.96k forks source link

[Bug Report] Issue with initial width in tab item, affecting pagination #3787

Closed danielsvane closed 6 years ago

danielsvane commented 6 years ago

Versions and Environment

Vuetify: 1.0.12 Vue: 2.5.2 Browsers: Chrome 65.0.3325.181 OS: Windows 10

Steps to reproduce

Put a pagination inside a tab item

Expected Behavior

The pagination uses the full width of the tab item

Actual Behavior

The pagination bases it available width on the initial width of the tab item, which might be 0.

Reproduction Link

https://codepen.io/danielsvane/pen/VXExMQ?editors=1010

Other comments

I have had this problem with other components than paginations, inside the tab item.

nekosaur commented 6 years ago

This is a known limitation (but perhaps not documented). See https://github.com/vuetifyjs/vuetify/issues/1924#issuecomment-333104232. v-tabs-content is now called v-tabs-item. Putting lazy prop on it solves the problem.

lock[bot] commented 5 years ago

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