Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Virtual scroll not working in ion-slides #6974

Closed
elineopsommer opened this issue Jun 20, 2016 · 8 comments
Closed

Virtual scroll not working in ion-slides #6974

elineopsommer opened this issue Jun 20, 2016 · 8 comments

Comments

@elineopsommer
Copy link

Short description of the problem:

Without the slider, the list behaves normally, but with the ion-slides, the content is not displayed correctly.

What behavior are you expecting?

Data shown correctly

Steps to reproduce:

  1. Make slider
  2. Make virtual list in slider
    <ion-slides #contentSlider (ionWillChange)="contentListChanged()">
      <ion-slide *ngFor="let contentTab of contentOfNavigationTabs">
        <ion-list [virtualScroll]="contentTab">
          <ion-item *virtualItem="let item">
            {{item}}
          </ion-item>
        </ion-list>
      </ion-slide>
    </ion-slides>

Which Ionic Version? 2-beta0.0.9

Plunker that shows an example of your issue

http://plnkr.co/edit/BgRiHgBEPXLK3G9LRkq2?p=preview

Run ionic info from terminal/cmd prompt:
Cordova CLI: 5.4.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.9
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v5.3.0
Xcode version: Xcode 7.3.1 Build version 7D1014

@elineopsommer
Copy link
Author

@jgw96 Any updates on this? It is really important for us that this works..

@jgw96
Copy link
Contributor

jgw96 commented Jun 27, 2016

Hello @elineopsommer i dont have any updates on this at the moment, but i will get back to you as soon as i do. Thanks for using Ionic!

@jgw96 jgw96 removed the slidebox label Jul 25, 2016
@elineopsommer
Copy link
Author

@jgw96 It's been a while since this issue is posted, do you have an update on this?

@tuna1207
Copy link

I'm having this problem too :( , looking forward for update @jgw96

@adamdbradley
Copy link
Contributor

At this time we virtual scroll is not designed to work within ion-slides. I would recommend using a normal ngFor, and to reduce the amount of data trying to be fit within each slide.

@renwei0207
Copy link

renwei0207 commented Aug 2, 2017

Hi, I'm having this problem too, is there any solutions now?

@aaalsubaie
Copy link

any update on this?

@ionitron-bot
Copy link

ionitron-bot bot commented Sep 1, 2018

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 1, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants