Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Angular 1.5.0 #40

Open
MadsCastle opened this issue Feb 26, 2016 · 4 comments
Open

Angular 1.5.0 #40

MadsCastle opened this issue Feb 26, 2016 · 4 comments

Comments

@MadsCastle
Copy link

Hi. This is very much what I need to use for a current project, however when referencing the later versions of Angular, ui Bootstrap and Bootstrap css, I get a number of Javascript errors and the last tab is thrown to a new line.

angularjs/1.5.0/angular.js
ui-bootstrap-tpls-1.1.2.js
bootstrap/3.3.6/css/bootstrap.css

@Shemesh
Copy link
Collaborator

Shemesh commented Feb 28, 2016

hi,
i don't see any errors but do see that last tab out of place... weird...

@Shemesh
Copy link
Collaborator

Shemesh commented Feb 28, 2016

happens only in chrome when there are dynamic and static tabs mixed, only when angularjs is 1.5.0.
very weird... no idea...

@adgoncal
Copy link

adgoncal commented Sep 28, 2016

Looks like a Chrome bug, if you inspect the tabs and toggle either the display or float property on and off, the layout fixes itself. Still not sure why this only happens on Chrome.

.ui-tabs-scrollable > .spacer > div:first-child > .nav-tabs > li {
  float: none;
  display: table-cell;
}

EDIT:
Click the button "Fix tabs on Chrome", it adds the pull-left class to all tabs and then removes it on the next digest cycle.
http://plnkr.co/edit/bR8oyc?p=preview

@VenkatRamReddyK
Copy link

Use ng-if for loading the data


<scrollable-tabset api="{}">
    <uib-tabset ng-if = "isDataLoaded">

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

No branches or pull requests

4 participants