VirtualScroll last element at top in v2

[lain-me]

When list with virtual scroll is loaded last element is on top (if scrolled to bottom it disappears).

Plnkr here

[mpaland]

I can confirm this in v2beta9. I just haven't had this problem yet, cause I was always using a sliding item, like:

    <ion-item-sliding *virtualItem="let item">
      <ion-item>
        <ion-row class="item-row">
          <ion-col class="item-title" width-80>
            {{item.title}}
          </ion-col>
          <ion-col class="item-time" width-20>
            {{item.date}}
          </ion-col>
        </ion-row>
      </ion-item>
    </ion-item-sliding>

which is working fine.
So problem must be in virtual scroll together with a normal <ion-item>.

[jjmax75]

Following from @Ritzlgrmft on issue #7059 I have used this CSS to overcome this bug

ion-list > .item:first-child {
    z-index: 1;
  }

Works on web view and Android

[adamdbradley]

Looks like this has been fixed in recent versions:
http://plnkr.co/edit/LjGFzBWPcD6j5sHtaVId?p=preview

And it probably comes down to the CSS wasn't being getting applied (by the framework, nothing developers were doing wrong). Thanks for the report!