When adding expanded contents on tabs, the margin-top calculates to 0, I think it calculates the height before the component is updated. 😕
When creating card with ripple effect and inside it are md-card-head and one md-card-actions, the padding of the actions are removed.
Steps to reproduce
Create tabs.
Inside tab, create card(s) with expand content and other card with one md-card-header and one md-card-actions
Which browser?
Google Chrome v66.0.3359.181
What is expected?
Expanded content must not opened by default, and calculates the marginTop after the component actually rendered.
Card actions must not resized
What is actually happening?
On MdCardExpandContent.vue, the mounted function sets this.marginTop to 0.
On the ripple effect, the class .md-card-header+.md-card-actions:not(:last-child) takes effect and remove the padding on top and bottom because it adds the span tag for animation
When adding expanded contents on tabs, the
margin-top
calculates to 0, I think it calculates the height before the component is updated. 😕When creating card with ripple effect and inside it are
md-card-head
and onemd-card-actions
, the padding of the actions are removed.Steps to reproduce
md-card-header
and onemd-card-actions
Which browser?
Google Chrome v66.0.3359.181
What is expected?
marginTop
after the component actually rendered.What is actually happening?
mounted
function setsthis.marginTop
to 0..md-card-header+.md-card-actions:not(:last-child)
takes effect and remove the padding on top and bottom because it adds thespan
tag for animationReproduction Link
Here's a sample: https://codesandbox.io/s/pyo13z80zq