Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Please make VirtualScroll dynamic

See original GitHub issue

Short description of the problem:

We have a list of items and when an item gets clicked a buttonbar shows up, like gif below:

sample

VirtualScroll makes the items position:absolute which causes the buttonbar area not to get resized and to overlap the item just below. See the gif below for the difference:

sample2

What behavior are you expecting?

I’m expecting to have a function like resize() to recalculate/resize the VirtualScroll when the items are dinamically rendered.

Which Ionic Version? 2 beta 11

Run ionic info from terminal/cmd prompt: (paste output below)

Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.1 Gulp local: Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 OS: Node Version: v4.5.0

Issue Analytics

State:
Created 7 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

hozkokcommented, Dec 5, 2016

+1, I have *ngIf inside *virtualItem which is not rendered properly due to position: absolute;

2reactions

zakton5commented, Sep 20, 2016

+1, I have a list where each item represents a different type of object, causing them all to be varying heights.

Top Results From Across the Web

Angular Virtual Scroll with dynamic variable height/width?

The ag-virtual-scroll component give support the virtual scroll with differents row height, but the scroll works only vertical.

Build your Own Virtual Scroll - Part I

We will start by building a simple one where the height is fixed for every row, and then discuss what to do when...

dynamic-virtual-scroll

Render-agnostic Dynamic Virtual Scroll Driver. Latest version: 1.0.15, last published: 3 years ago. Start using dynamic-virtual-scroll in ...

Virtual Scroll with dynamic size · Issue #155 · rintoj/ngx- ...

Hi, is it possible to have a dynamic size of the virtual scroll container element? I don´t mean the childs I mean the...

Learn how to use Virtual Scrolling in Angular | codeToBe

The ScrollingModule takes a large list of data and dynamically loads and ... Within this container we need to create a cdk-virtual-scroll-viewport and...