Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

tabs: nested inside md-tabs with md-align-tabs="bottom" #10541

@DMDc0de

Description

@DMDc0de

Actual Behavior:

  • What is the issue? * The nested md-tabs inherits bottom-aligned behaviour from parent even if a different alignment is specified
  • What is the expected behavior? The parent having md-align-tabs should not affect children.

CodePen (or steps to reproduce the issue): *

  • CodePen Demo which shows your issue: pen
  • Details:

AngularJS Versions: *

  • AngularJS Version: 1.5.5
  • AngularJS Material Version: 1.1.3

Additional Information:

  • Browser Type: Chrome
  • Browser Version: 56.0.2924.87 (64-bit)
  • OS: macos Sierra
  • Stack Traces:

These two css rules

md-tabs[md-align-tabs="bottom"]  md-tabs-wrapper {
 ...
}

md-tabs[md-align-tabs="bottom"]  md-tabs-content-wrapper {
   ...
}

Should probably be

md-tabs[md-align-tabs="bottom"] > md-tabs-wrapper {
 ...
}

md-tabs[md-align-tabs="bottom"] > md-tabs-content-wrapper {
   ...
}

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions