angular / angular/components

[Tabs] Md-tab height: 100% does not give all height of group

Open
#4,591 18 comments 0 reactions 0 assignees View on GitHub
area: material/tabs help wanted P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

Hi,

I'm having problems to adjust content of a tab to 100% of height of md-tab-group

For example:

```
// this works all bk is blue
//not work

//with % not work, with px works

```
My problem is that `md-tab-group` expands his `height` to total of `height`. But the atribute `height` of `md-tab` doesn't fit to 100% of `md-tab-group`.

Because of that the content, even if I set the height to 100% it doesn't fit to 100% of `height`

If I set thet `height` attribute of the `

` to for example 500px it works correctly

I have this problem since I added `` to my index.html

Versions: Beta.5
Angular 4

What would be doing wrong?

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the example in index.html with the HTML doctype and the Beta.5 Angular setup. Inspect the md-tab-group and md-tab layout behavior around percentage heights; done means tab content can fill the group's height using percentages rather than a fixed pixel height.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, css, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.