I use resposive-sm in ion-list (using *ngFor) and everything is fine. But when I use virtualScroll and resposive-sm together, some columns (ion-col) are hidden.
I do the test in android phone device (hybrid mobile app).
For example, before using virtualScroll, the code likes that:
The list shows properly. When the screen is portrait, each item shows two rows for id and name. When the screen is landscape, there is only one row with two columns. That is what I expected.
After using virtualScroll, the sample code is:
Suppose we are in portrait screen at first, each item shows two rows for id and name. Then we rotate screen into landscape, the item shows two rows - one blank rows and one row showing id and name. The html does not repaint. Scrolling the list will cause repaint. And then turn back to portrait screen, the second row is hidden.
Seems responsive grid is not good support with virtualscroll. Is it any solution?