Can't display interactive code at Nodejs.dev

Browser Support Web Compatibility
1

Description of the issue:
Nodejs.dev is a tutorial. There are boxes embedded in some of the pages. With Safari, the boxes display blocks of code that you can edit and run within the browser. The boxes are blank in Brave. I suspect I just need to disable one of the Site Settings but I don’t know which one.

Steps to Reproduce (add as many as necessary): 1. 2. 3.

  1. Go to https://nodejs.dev/learn/output-to-the-command-line-using-nodejs.
  2. Scroll down a couple of pages so the box below the “Counting Elements” heading is visible.

Actual Result (gifs and screenshots are welcome!):
The box is empty/blank.
If I right-click-Reload, “Loading Project” appears momentarily in the middle of the box. Then it goes blank again.

Expected result:
In Safari, the box is split into left and right panes. The left pane contains code which you can edit and run. The right pane contains the result.

Reproduces how often:
Every time.

Operating System and Brave Version(See the About Brave page in the main menu):
MacOS 10.15.5
Brave 1.9.72

Additional Information:

2

Thanks @SVanDee I’ve created a report: https://github.com/brave/brave-browser/issues/10258

As a quick fix, just Allow all cookies in Shields will help here.

1 Like
3

Allow All fixed it. Thanks for the help.

1 Like