[MGNLFE-179] DOC: Browser compatibility note - page editor blank with React External SPA in Safari and Brave Created: 22/Feb/22  Updated: 05/Apr/22  Resolved: 15/Mar/22

Status: Closed
Project: Magnolia Frontend Helpers
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Task Priority: Neutral
Reporter: Martin Drápela Assignee: Martin Drápela
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
documentation
documents MGNLFE-169 Page Editor blank with React External... Closed
supersession
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Date of First Response:
Epic Link: SPA Editor Backlog
Sprint: DevX 5
Story Points: 1
Team: DeveloperX

 Description   

For the note wording, see the conclusions on MGNLFE-169.



 Comments   
Comment by Javier Benito [ 22/Feb/22 ]

As a summary of MGNLFE-169, we have:

If you are running SPA editors (React, Angular or Vue) on Magnolia using Safari or Brave browsers, you could run into a white screen showing nothing. If that's the case, the fixes are:

Safari: configure your SPA local development server to use an SSL certificate for localhost, for example, using mkcert tool:

  • In your SPA home folder, execute the following command: mkcert localhost.
  • Configure your local development server (instructions depend on the framework you are using for your SPA), to use SSL and the newly created certificate.
  • Change your environment or light modules files, to use HTTPS to access local development server, instead HTTP. For example: http://localhost:3000 -> https://localhost:3000 
  • Restart your local development server.

Brave: to make it work on Brave browser, you will have to temporarily disable its shields.

Generated at Mon Feb 12 05:45:00 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.