Table component - Too many verbose browser console logs is leading to slow page load times in chrome and firefiox browser

In our product we are using carbon table component, and when we try to load a screen containing table component, I get the below warnings as the page loads.

[Violation] Added non-passive event listener to a scroll-blocking ‘touchstart’ event. Consider marking event handler as ‘passive’ to make the page more responsive.

If the grid contains more than 50 rows, then I’m seeing more than 2K of these verbose logs being reported by chrome and page takes around 10-15 seconds to load in chrome.

In firefox, however the page becomes unresponsive and browser hangs.

This issue is mainly observed in screens using carbon angular table component. Other screens which doesnt contain table component, did not see any logs in browser console.

Below are the versions being used:

  "@angular/common": "8.2.14",
   "@angular/compiler": "8.2.14",
   "@angular/core": "8.2.14",
   "@angular/forms": "8.2.14",
   "@angular/platform-browser": "8.2.14",
   "@angular/platform-browser-dynamic": "8.2.14",
   "carbon-components": "10.9.3",
   "carbon-components-angular": "3.40.3"

Console screenshot is below:

[cal-smith]

I’ll take a look at it 👍

[abhisheksinghrana]

@cal-smith @zvonimirfras Can we get a fix for this issue available by this week? As we have a release on 11th March.