[Bug Report] Tab height stuck for tab-item with lazy, transition and async content

Versions and Environment

Vuetify: 1.5.10 Last working version: 1.2.10 Vue: 2.6.10 Browsers: Chrome 71.0.3578.80 OS: Windows 10

Steps to reproduce

Create tab-item with combination of lazy and transition props, where tab’s content is loaded asynchronously.

Expected Behavior

Tab height expands to fit content

Actual Behavior

Tab height remains fixed with an inline style, hiding async content

Reproduction Link

https://codesandbox.io/s/m45l18nw3y

Other comments

See codesandbox link… problem only occurs when all three conditions are met (lazy, transition, async content).

Workaround was to add style below, but not sure if this will create problems inside a v-dialog

.v-tabs .v-window__container {
  height: auto !important;
}

[EpicFailv2]

My issue:

Issue consistently repeatable when rapidly switching between tabs; when second transition is called while first one is still going.

What i found was that properties of v-window component internalHeight and isActive don’t get reset. I manually reset them, to null and false respectively, and issue disappears.

Now looking for a way to make all v-window components do this without copy-pasting to all the places i use v-window…

// window is v-window ref
// windowTimeout is component data variable
// @change event for v-tabs
    ensureWindow() {
      clearTimeout(this.windowTimeout);
      this.windowTimeout = setTimeout(() => {
        this.$refs.window.internalHeight = null;
        this.$refs.window.isActive = false;
      }, 1000);
    }

[pureimpulse]

not sure if this helps but I modified the CSS and it seems to fix this https://developer.mozilla.org/en-US/docs/Web/CSS/unset

it appears that a style tag is being added to the active window div

.v-tabs .v-window__container { height: unset!important; }