Model popup view doesn't render... anymore


#1

We created your template app, and we’re going thru some ionic tutorials: Came back to my desk, and suddenly, the model popup for the login view just stopped rendering.

In trying to show the popup, the screen turns grey, like the model popup is about to appear, but no popup appears.

Looking at the logs, there’s no errors, and by adding some breakpoints, we can see that the model view initialization is still executed, and the $scope.modal.show(); is also called.

Any ideas why it would just bail? Thanks!


#2

…well, I know why:

Our designer wanted to use bootstrap and did this:

<! -- index.html -->
<!-- CSS STYLES -->
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">

I guess ionic doesn’t play nice with bootstrap. This worked fine:

<! -- index.html -->
<!-- CSS STYLES -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">

But, not certain there WON’T be other clashes between ionic and bootstrap, so let that be a heads-up for anyone else. Thanks!