Description
Consider the following template:
<md-tab-group>
<md-tab>
<template md-tab-label>Label</template>
<template md-tab-content>
Any object shorter than 199px
</template>
</md-tab>
</md-tab-group>
<div>footer text</div>
The generated html puts the tab contents inside a <div class="md-tab-body">
. Problem is that this div is always at least 199px in height. This poses problems when my content is meant to take very little height in the browser positioning logic. In the example above, notice how much blank space there is between the content and the footer
My specific user case is that within the tab pane I have a content-div whose aspect ratio needs to remain fixed. I've been using the solution from this post. It has been working well until I attempted to put the content in the new md-tab
directive. Now, the bottom padding of the container-div no longer respects the limit set in CSS padding-bottom
rule and I can't figure out why.