Skip to content

Tabs inkbar position not recalculated on programmatical width change #10340

Closed
@VagrantAI-c

Description

@VagrantAI-c

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Recalculate inkbar position on width change or provide method for programmatical tabs inkbar position recalculation (e.g. MatTabGroup.recalculateInkBar()).

What is the current behavior?

There is no such option.

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

For example I have my tabs labels aligned to center (according to material tabs specs there is possibility for such behavior) and then I try to add some additional content with possible overflow (or just change width). Inkbar position not recalculated.
https://stackblitz.com/edit/angular-material2-issue-rvp1z2?file=app%2Fapp.component.html

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

Angular 5.2.8 and 6.0.0-beta.7
Material 5.2.4 and 6.0.0-beta.4
Any OS, any mobile and desktop browser

Metadata

Metadata

Assignees

Labels

P4A relatively minor issue that is not relevant to core functions

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions