Skip to content

[MdTabs] height race condition #1768

@zevdg

Description

@zevdg

Steps to reproduce

asynchronously update content of an md-tab shortly after creating it

Which browser?

at least chrome
vue-material 1.0.0-beta-10.2

What is expected?

tab height should grow to fill content no matter when the content is loaded

What is actually happening?

the md-tabs-content container may or may not grow to fit the tab content depending on when the content was loaded

synchronous loading works as expected, and very slow loading also works as expected
the trouble is with relatively quick asynchronous loads. On my setup, the race seems to be happening about 125 miliseconds after the creation event is fired in the reproduction link below (may be different on your machine). When I try to change the content of the tab between 1-120ms after the creation event, the container does not grow to show the new content.

possibly related to #1761

Reproduction Link

https://codesandbox.io/s/9z10nzp324
switch between the various commented out create events to see expected vs actual behavior

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions