react-accordion-with-richtext - "something went wrong" tinymce error on mobile

[nloand]

Disclaimer

Yes

Sample

react-accordion-with-richtext

Contributor(s)

@arunkumarperumal

What happened?

Accordions throw stack trace error / "Something went wrong" with tinymce on read-device mobile rendering. This does not occur in emulator mode.

Something went wrong

If the problem persists, contact the site administrator and give them the information in Technical Details.Technical Details

ERROR:
Script error for: 51789d0c-7a65-494e-8969-59bfc883e751_0.0.1/tinymce
http://requirejs.org/docs/errors.html#scripterror

CALL STACK:
Error: Script error for: 51789d0c-7a65-494e-8969-59bfc883e751_0.0.1/tinymce
http://requirejs.org/docs/errors.html#scripterror
at B (eval at e (https://xxx.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_7653987a3a588c9a3866f4c25ddb3d9a.js:198:10299), <anonymous>:8:252)
at HTMLScriptElement.onScriptError (eval at e (https://xxx.cdn.office.net/files/sp-client/sp-pages-assembly_en-us_7653987a3a588c9a3866f4c25ddb3d9a.js:198:10299), <anonymous>:30:244)

Steps to reproduce

1. Open mobile browser such as Blackberry access
2. Open page that contains react-accordion-with-rich-text

Expected behavior

I expect the behavior to match the mobile emulator mode and show the accordions.

Target SharePoint environment

SharePoint Online

Developer environment

Windows

Browsers

• Internet Explorer
• Microsoft Edge
• Google Chrome
• FireFox
• Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

What version of Node.js is currently installed on your workstation?

18.19.0

What version of Node.js is required by the sample?

v^12 || ^14 (didn't re-build package so n/a)

Paste the results of SPFx doctor

√ SharePoint Framework v1.13.0
× Node v18.19.0 found, v^12 || ^14 required
× yo v5.0.0 found, v^4 required
× gulp should be removed
√ gulp-cli v2.3.0
√ bundled typescript used

Additional environment details

Blackberry browser