[LWC] TaskBoard throws error when user resizes window in Safari

[chuckn0rris]

Totally brake an app in Safari, in Chrome an error happened and can be catched in DevTools with enabled "Pause on uncaught exceptions"

Reproducible with online demo

Forum post

Hello,

We have recently encountered an issue where an uncaught error is thrown when a user attempts to resize a window containing a taskBoard. We've carried out some investigation and managed to find that the error is emanating from the method 'raf' inside the 'Delayable.js' mixin. It attempts to make a call to 'this.requestAnimationFrame' but it looks like it tries to do so with an incorrect value for 'this' which results in the error 'this.requestAnimationFrame is not a function'. The error seems to be swallowed by LWS and also is not visible in Chrome unless 'pause on uncaught exceptions' is enabled. Only in Safari with LWS turned off does a error surface in the UI.

I've tried to recreate this on the Bryntum Salesforce example (https://bryntum-dev-ed.develop.lightning.force.com/lightning/n/BryntumTaskBoard) but have not managed to produce the error; largely in part due to the fact that I can only reproduce it with LWS disabled and on the demo org LWS is enabled. However we do think the error is coming from the Bryntum source code and have some recordings from our examples of the taskBoard.

The exact reproduction steps are: In Safari or Chrome(with pause on uncaught exceptions) On a taskBoard open the task editor dialog and then close it resize the window see the error: this.requestAnimationFrame is not a function

We would appreciate your input on whether or not you can reproduce this error and how to resolve it.

Many thanks, Suleman

[JockeLindberg]

Couldn't reproduce this with the latest release on a Windows machine. Someone on a mac with Safari should give it a try also.

[ghulamghousdev]

@JockeLindberg also not reproducible on Mac with Safari on our public org.