Skip to content

md-tab-body height doesn't collapse height properly #570

Closed
@RoxKilly

Description

@RoxKilly

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

15

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions