javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 13:32:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(virtual-scroll): apply contain:strict to virtual scroll items

Browse Source
This commit is contained in:
Adam Bradley
2016-11-19 20:19:13 -06:00
parent a8002cefce
commit 947780e70a
3 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/virtual-scroll/test/list/app-module.ts
View File

@ -6,7 +6,7 @@ import { IonicApp, IonicModule } from '../../../..';
templateUrl: 'main.html' templateUrl: 'main.html'
}) })
export class E2EPage { export class E2EPage {
items: Array<{title: string, date: string}>; items: Array<{title: string}>;
constructor() { constructor() {
this.emptyList(); this.emptyList();
@ -14,10 +14,9 @@ export class E2EPage {
fillList() { fillList() {
this.items = []; this.items = [];
for (let i = 0; i < 59; i++) { for (let i = 0; i < 500; i++) {
this.items.push({ this.items.push({
title: 'Item ' + i, title: 'Item ' + i
date: '23:' + (59 - i)
}); });
} }
} }

11
src/components/virtual-scroll/test/list/main.html
View File

@ -20,16 +20,7 @@
<ion-list [virtualScroll]="items"> <ion-list [virtualScroll]="items">
<ion-item text-wrap *virtualItem="let item" (click)="itemTapped($event, item)"> <ion-item text-wrap *virtualItem="let item" (click)="itemTapped($event, item)">
{{item.title}}
<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>
</ion-list> </ion-list>

2
src/components/virtual-scroll/virtual-scroll.scss
View File

@ -14,6 +14,8 @@
left: 0; left: 0;
transition-duration: 0ms; transition-duration: 0ms;
contain: strict;
} }
.virtual-scroll .virtual-hidden { .virtual-scroll .virtual-hidden {