Vuetify: [Bug Report] VTab to and VTabItem combination crashing browser tab

Created on 29 Nov 2018  路  2Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.3.11
Vue: 2.5.17
Browsers: Chrome 70.0.3498.0, Safari, Mozilla Firefox
OS: Mac OS 10.13.4

Steps to reproduce

The exact point of failure is having v-tabs and a v-tab-item and then adding a to attribute to one of the v-tabs

<v-tabs>
  <v-tab to="/test">tab1</v-tab>
  <v-tab>tab2</v-tab>
  <v-tab>tab3</v-tab>

  <v-tab-item></v-tab-item>
</v-tabs>

Expected Behavior

The browser should not crash. I'd like to be able to use both a to and the v-tab-item so that users can visit tabs via direct link and use the tabs as usual

Actual Behavior

The tab freezes and becomes unresponsive.

Reproduction Link

https://codepen.io/anon/pen/QJJLNg

Other comments

There may be a better way of doing my use case, but the fact it's crashing the browser isn't good.

critical bug

Most helpful comment

Workaround is to explicitly bind the value of v-tab-item: https://codepen.io/johnjleider/pen/VVVZVe

All 2 comments

Workaround is to explicitly bind the value of v-tab-item: https://codepen.io/johnjleider/pen/VVVZVe

Fixed in f22d754

Was this page helpful?
0 / 5 - 0 ratings