Nested 'md-tabs' height issue

[amahterian-github]

Steps to reproduce

I created a tabbed section with 5 tabs. Within the first tab content is a table with expandable rows. Each row contains a detail view with another set of four tabs.
The tab next to it has a content view with another table with expandable rows.

Which browser?

Chrome, Firefox, Safari

Vue 2.6.9
Vue Material 1.0.0-beta-10.2

What is expected?

I expect after opening an expanded row in the 2nd Table View, the md-tab-content area height expands as expected, and I can switch between Tabs 1, 2, 3, 4, and 5 and the height dynamically changes for the content of each Tab.

What is actually happening?

After opening an expanded row in the 2nd Table View, the md-tab-content area height does indeed expand as expected, and I can switch between Tabs 2, 3, 4, and 5 and the height dynamically changes for the content of each Tab between 2-5. But When I go to the first tab and open the inner view with the nested set of tabs, when I return to the second tab, the height of the parent tabs gets set to the height of the sub tabs in the 1st Tab and it clips the content of the 2nd tab.

Reproduction Link