bug: Choppy list scrolling with Toast component

Bug Report

Ionic version:

[x] 4.x

Current behavior:

During the time when a custom toast message is displayed on the screen, attempting to scroll through a list of items becomes choppy and not very user-friendly.

Example of scrolling without a toast message being displayed: https://imgur.com/a/tGe2zJx Example of scrolling with a toast message being displayed: https://imgur.com/a/j1N3LCk

Expected behavior:

The list’s scroll performance should not be impacted when a toast message is being displayed to the user

Steps to reproduce:

1.) Create a long list that features content such as images and text 2.) Scroll through the list while a toast message is being presented

Related code:

N/A

Other information:

Ionic info:

   Ionic CLI                     : 5.2.7
   Ionic Framework               : @ionic/angular 4.11.8
   @angular-devkit/build-angular : 0.803.23
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.0.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.1.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.1, (and 14 other plugins)

Utility:

   cordova-res : 0.8.1 (update available: 0.9.0)
   native-run  : 0.2.9 (update available: 0.3.0)

System:

   NodeJS : v10.16.3
   npm    : 6.13.1
   OS     : Windows 10

[Scottd125]

Hi,

Sorry but the project i’m working on is closed sourced. I can attempt to reproduce this issue on a StackBlitz project to attempt to investigate further. I’ll get round to adding that here when I get the time

[Scottd125]

Hi Liam,

I’m testing this on a Samsung S7 Edge with Android 8.0