bug: bug: collection-repeat card width overflow when used with item-height

[vlad-bezden]

Type: bug

Platform: android 4.4 webview

Type: bug

Platform: android 4.4 webview

When I use collection-repeat and my item is card and I specify item-height right side of the card will go beyond the content size. Without item-height it works properly. In my case I have to specify item-height and it creates issue.

  <ion-content>
    <ion-list>
      <div class="card list" collection-repeat="item in main.items" item-height="50">
        <h1 style="background-color: red">{{item}}</h1>
      </div>
    </ion-list>
  </ion-content>

I created example so you can take a look at it
http://codepen.io/vlad-bezden/pen/LEMxXX

Thank you.

[mattchue]

#3352

[Alkashi]

Are you sure the car class is important ?
I have the same bug without the card class and on iOS 8 :/

[vlad-bezden]

I found to me it only happened when I used card. Items work fine for me. However I can't comment about IOS, since I using and testing it in Chrome and Android.

[mattchue]

I can confirm that this does indeed happen when running on the iPad, so it seems to be a universal issue.

[Fayozjon]

Vlad

http://tussen-jaar.nl/24option_utrader

22.03.2015, 14:12, "Vlad Bezden" [email protected]:I found to me it only happened when I used card. Items work fine for me. However I can't comment about IOS, since I using and testing it in Chrome and Android.

—Reply to this email directly or .

[perrygovier]

I believe @mattchue is correct in saying this is related to his issue, but I can't correct it with a $ionicScrollDelegate.resize();.

[ajoslin]

Those damn margins.