Ionic-framework: Ionic 2: Virtual Scroll messed up when returning from camera plugin

Created on 6 Dec 2016  路  10Comments  路  Source: ionic-team/ionic-framework

Ionic version: (check one with "x")
[ ] 1.x
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
Virtual scroll contents are all bunched up after returning from the camera plugin.
Changing the orientation of the device forces the redraw, which solves the layout.

Expected behavior:
The layout shouldn't be affected from returning from the camera plugin

Steps to reproduce:

  1. Load up a page with a virtual scroll list
  2. Load up the camera
  3. Dismiss the camera and go back to the list.
  4. See that it's borked (the 2nd page titled 'Buildings' in the gif)

Please see attached gif:

hammerheadm4b30xdaveshirman12062016141737

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

Davids-Air:apphazard-app daveshirman$ ionic info

Your system information:

Cordova CLI: 6.2.0 
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.12
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.46
ios-deploy version: 1.8.6 
ios-sim version: 5.0.8 
OS: OS X El Capitan
Node Version: v4.3.0
Xcode version: Xcode 8.1 Build version 8B62
v3

Most helpful comment

Getting the same issue with 3.0.1
Randomly after changing pages or going from something like the camera app.
All the virtualscroll ion-list ion-items bundle up overlayed on top of each other.
After checking the css for each ion-item i saw this transform: translate3d( 0, 0, 0 ) on all items in the virtualscroll ion-list.

All 10 comments

Hello,
Any update about this ?
I'm having likely the same issue even if I'm not using the camera but just pushing a detail view and going back to the virtual scroll view.

Many thanks !

@jgw96 Seconded! I have several issues outstanding actually that I would to have an update on if possible please? Thanks.

@adamdbradley The team has been super silent with many of these outstanding issues and they need addressing. Any updates please?

Hello @daveshirman , is this still reproducible with 3.0.1? There were some recent fixes in 2.3.0 that should help this issue.

Getting the same issue with 3.0.1
Randomly after changing pages or going from something like the camera app.
All the virtualscroll ion-list ion-items bundle up overlayed on top of each other.
After checking the css for each ion-item i saw this transform: translate3d( 0, 0, 0 ) on all items in the virtualscroll ion-list.

VirtualScroll Issue and Keyboard Issue killed my app.

Getting the same issue with 3.2.0.

Thanks for the issue! We have moved the source code and issues for Ionic 3 into a separate repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

Thank you for using Ionic!

This issue has been automatically identified as an Ionic 3 issue. We recently moved Ionic 3 to its own repository. I am moving this issue to the repository for Ionic 3. Please track this issue over there.

If I've made a mistake, and if this issue is still relevant to Ionic 4, please let the Ionic Framework team know!

Thank you for using Ionic!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

alan-agius4 picture alan-agius4  路  3Comments

gio82 picture gio82  路  3Comments

vswarte picture vswarte  路  3Comments

GeorgeAnanthSoosai picture GeorgeAnanthSoosai  路  3Comments

manucorporat picture manucorporat  路  3Comments