[LWC] TaskBoard throws error when user resizes window

[sulemanzaki]

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

[sulemanzaki]

The video attachments haven't worked for some reason (see image) so I've put them in a Google Drive here: https://drive.google.com/drive/folders/1Tq5LmHZWpnLf-Z7HhgHnc5pC-fc8ZdAW?usp=drive_link

Screenshot 2024-02-19 at 16.18.25.png (54.23 KiB) Viewed 187 times

[sulemanzaki]

We've managed to recreate this on the Bryntum Salesforce example now as well and have added the recording to the Google Drive folder.

[alex.l]

Hi Suleman,

I am trying to replicate the problem right now, I also tried to disable LWS, but no errors in console and nothing that blocks application work appeared. Now I am rebuilding all from scratch with latest code version to make sure.

Meanwhile, could you please let us know if you used latest releases version in your tests?

[alex.l]

After further testing I did not found any problems with and without LWS. Please let us know if you tested with latest released version and we will arrange next possible steps.

[sulemanzaki]

Hi Alex, I can confirm that in all our videos we are on version 5.6.6 of the Bryntum Taskboard. Also in the video 'Bryntum Taskboard Salesforce Demo Org.mov' we are using the Bryntum Salesforce Example Org from https://bryntum.com/products/taskboard/examples/ which we assume is also on v5.6.6.

We have found that in Chrome there is no error posted to the console because Chrome suppresses the error. To see the error in Chrome you have to enable 'pause on uncaught exceptions'.

It is best to test in Safari with LWS turned off because in that case we have found that the error always shows up in the UI. Like in the video 'Certinia Demo Org Safari.mov'.

[alex.l]

Yes, Safari! I was need to check in Safari to see that blocking message. Thanks for pointing! That was important to repro to get better prio for a ticket. Here is the link https://github.com/bryntum/support/issues/8645
You can subscribe on ticket updates to be notified when it's done.

Thank you for the report!