Weird collection-repeat UI when using starter project

1

when using the lib/ionic/js/ionic.bundle.js from the starter project, the styling of the collection-repeat list looks off.

If i use the nightly from the CodePen it works fine

2

Can you post a CodePen?

3

cannot because i need the bundled version of ionic

4

You can link the nightly in your head:

<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

Example: http://codepen.io/ionic/pen/QwamEW

5

I understand how to link to the nightly, the issue is not with the nightly, it is with the bundled ionic.js file that comes when you create a new project with the CLI

6

Bundled CDN: http://code.ionicframework.com/1.0.0-beta.14/js/ionic.bundle.min.js

7

8

Thanks, but no items are showing up?

9

you have to actually do a search? it really can be accomplished with any use of collect-repeat… you dont need my specifc example, take the nightly build from the Flickr example and remove the css and you will see a similar issue.

I appreciate all of your follow-up, I have experience with Ionic, mobile apps and angularJS so I have tried multiple things before posting the issue… it is an issue, I just need some guidance.

10

CSS was the issue: http://codepen.io/anon/pen/emrzVN

Overlooked that earlier, edited this post accordingly XD

12

I understand that it can be addressed with the css but when using the nightly build, there is no need for the custom css

13

You can include a custom stylesheet (if it doesn’t work try using !important). This is honestly the only way I know how to do it and it works. I don’t see the problem here.