Crash when enabling the Rich text editor in labs

[langleyd]

Steps to reproduce

1. Enabled rich text editor in labs

Outcome

What did you expect?

It crashed

What happened instead?

It doesn't crash

Operating system

No response

Browser information

No response

URL for webapp

No response

Application version

No response

Homeserver

No response

Will you send logs?

Yes

[langleyd]

https://github.com/matrix-org/element-web-rageshakes/issues/21427

[alunturner]

Tested on newer versions and also on the version listed in the rage shake. Could not reproduce the issue, and if there were an obvious cause I would have expected recurrence of this issue since the original report in Apr (now Jun). Closing for now - will reopen and reinvestigate if something similar comes in again in the future.

[t3chguy]

@alunturner it looks like it is caused by network failures

2023-05-04T11:31:38.923Z E Loading chunk 0 failed.
(error: https://develop.element.io/bundles/51d4c872f6ce7be35e48/0.js)
ChunkLoadError: Loading chunk 0 failed.
(error: https://develop.element.io/bundles/51d4c872f6ce7be35e48/0.js)
    at Function.requireEnsure [as e] (https://develop.element.io/bundles/51d4c872f6ce7be35e48/bundle.js:160:26)
    at https://develop.element.io/bundles/51d4c872f6ce7be35e48/init.js:143611:110
    at Q (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75486:52)
    at ck (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75433:30)
    at bk (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75414:347)
    at ak (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75414:278)
    at Tj (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75414:138)
    at Lj (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75407:163)
    at https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75287:115
    at push.Array.concat.exports.unstable_runWithPriority (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75528:343)
2023-05-04T11:31:38.941Z E Loading chunk 0 failed.
(error: https://develop.element.io/bundles/51d4c872f6ce7be35e48/0.js)
ChunkLoadError: Loading chunk 0 failed.
(error: https://develop.element.io/bundles/51d4c872f6ce7be35e48/0.js)
    at Function.requireEnsure [as e] (https://develop.element.io/bundles/51d4c872f6ce7be35e48/bundle.js:160:26)
    at https://develop.element.io/bundles/51d4c872f6ce7be35e48/init.js:143611:110
    at Q (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75486:52)
    at ck (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75433:30)
    at bk (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75414:347)
    at ak (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75414:278)
    at Tj (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75414:138)
    at Lj (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75407:163)
    at https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75287:115
    at push.Array.concat.exports.unstable_runWithPriority (https://develop.element.io/bundles/51d4c872f6ce7be35e48/vendors~init.js:75528:343)
2023-05-04T11:31:38.941Z E The above error occurred while React was rendering the following components: 
    at Lazy
    at Suspense
    at DynamicImportSendWysiwygComposer
    at div
    at div
    at div
    at MessageComposer_MessageComposer (https://develop.element.io/bundles/51d4c872f6ce7be35e48/element-web-app.js:23344:5)
    at https://develop.element.io/bundles/51d4c872f6ce7be35e48/init.js:6202:76
    at div
    at div
    at MainSplit_MainSplit (https://develop.element.io/bundles/51d4c872f6ce7be35e48/element-web-app.js:12653:5)
    at ErrorBoundary (https://develop.element.io/bundles/51d4c872f6ce7be35e48/init.js:79534:5)
    at main
    at RoomView_RoomView (https://develop.element.io/bundles/51d4c872f6ce7be35e48/element-web-app.js:34776:5)
    at div
    at div
    at div
    at LoggedInView_LoggedInView (https://develop.element.io/bundles/51d4c872f6ce7be35e48/element-web-app.js:37746:5)
    at ErrorBoundary (https://develop.element.io/bundles/51d4c872f6ce7be35e48/init.js:79534:5)
    at MatrixChat (https://develop.element.io/bundles/51d4c872f6ce7be35e48/element-web-app.js:2618:5)

It seems like the loading has no retry/resilience?

[alunturner]

Oh ok thanks - will take a look at that now

[alunturner]

Thanks to the steer above, this can be reproduced in the following way and seen in the current version of element web.

STR

• start a local dev version of element web with the current composer selected
• open a network tab and record the outgoing requests
• go to settings and enable the rich text editor
• you should see a family of three requests that fire on toggling that button (nb these may be numbered differently compared to those in the video)
• block those requests in the network tab
• deselect the rich text editor selection and refresh the page
• now, trying to enable the rich text editor will cause a crash as detailed above

Video example of the above shown below:

Screen.Recording.2023-06-19.at.09.58.29.mov