Skip to content

[Tabs] Tabs active indicator not responsive #1231

Closed
@sv2dev

Description

@sv2dev

Bug, feature request, or proposal:

When resizing the VP, The tab active indicator size and position is not recalculated.
This is causing for problems if you want to have the tabs span accross the full width via setting flex-grow: 1 for example. I currently have

:host /deep/ .md-tab-label {
  flex: 1;
  min-width: 120px !important;
}

in my component styles.

This represents the fixed tabs type of the md tabs specs: https://material.google.com/components/tabs.html#tabs-types-of-tabs

What is the expected behavior?

The position and size should be recalculated when resizing the viewport.

What is the current behavior?

When You resize the Viewport, the length and position of the active indicator stays the same.

What are the steps to reproduce?

Visit http://plnkr.co/edit/tFkzdaw9ejYBpo3OGnKC?p=preview and resize the VP.

What is the use-case or motivation for changing an existing behavior?

Static tabs are part of the material design spec.

Which versions of Angular, Material, OS, browsers are affected?

All, I think. Tested with aplha 7 and alpha 8.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions