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

md-align-tabs doesn't work in firefox or chrome #2119

Closed
grantopher opened this issue Apr 1, 2015 · 6 comments
Closed

md-align-tabs doesn't work in firefox or chrome #2119

grantopher opened this issue Apr 1, 2015 · 6 comments
Assignees
Milestone

Comments

@grantopher
Copy link

I have tried in many different environment setups but I cannot get the md-align-tabs to position the tabs below the tabbed content. Is this a bug inside of Material or am I simple using this wrong?
http://plnkr.co/edit/7IUUauGoo7Wl585JpveL?p=preview

@IVLMediaInc
Copy link

Also experiencing this issue.

@viztastic
Copy link

Can confirm same issue

@ThomasBurleson
Copy link
Contributor

This may be a feature that has not yet been migrated to the 0.9 version of Tabs.
@robertmesserle -

//  @param {string=}  mdAlignTabs Attribute to indicate position of tab buttons: `bottom` or `top`; default is `top`

@viztastic
Copy link

@ThomasBurleson Is there a CSS 'hack' we could use for us to get by until the next release of ngMaterial?

@ThomasBurleson
Copy link
Contributor

@viztastic - Here is a temporary hack that should work:

md-tabs.md-default-theme md-tabs-wrapper {
  display:block;
  position: absolute;
  height: 48px;
  min-height:48px;
  max-height:48px;
  bottom: 0px;
}

md-tabs-content-wrapper {
  display: block;
  min-height: 200px;
  position: absolute;
  top: 0;
  bottom: 48px;
}

@IVLMediaInc
Copy link

Thank you all for the quick fix!

edit on chrome it positions correctly, but clicking on tabs does not work. Removed md-align-tabs="bottom" and they work as expected. Wondering if anyone else can replicate this as well.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants