Terminal text invisible on macOS safari
See original GitHub issueOS/Web Information
- Web Browser: Safari v15.1
- Local OS: macOS 12.0.1
- Remote OS: Ubuntu 20.04.3 LTS (Running through codercom/code-server image)
- Remote Architecture: aarch64
code-server --version: 3.12.0 2661a690ac228872e8d1dc28ab6d33e8afc30add
Steps to Reproduce
- Boot up an instance
- Log into instance in browser
- Open terminal
Expected
The text should actually be visible.
Actual
Text is being written to the terminal, they just appear invisible for some reason. I have caught very short glimpses of the text showing (maybe a second) and then it immediately disappears. Commands still go through however, its working its just invisible.
It shows in Brave, however its really weird and unclear. It works fine on Safari on the iPad.
Logs
Screenshot
Notes
This issue can be reproduced in VS Code: No
Issue Analytics
- State:
- Created 2 years ago
- Reactions:4
- Comments:14 (6 by maintainers)
Top Results From Across the Web
Invisible Text In Big Sur | Apple Developer Forums
I am having a problem where text in certain apps is invisible in Big Sur Betas 1 and 2. In Outlook, all email...
Read more >Text not visible in webkit browsers on Mac, but visible on all ...
I've tested it in Chrome. The '#info' div seems to be hidden (visibility:hidden). You might want to consider using 'display' rather than 'visibility'....
Read more >Unreadable terminal with safari? : r/unRAID - Reddit
I think there's a bug with safari and the terminal... it' totally black, also trying selecting text to show it in reverse, but...
Read more >No text in SSH & Web Terminal - Home Assistant Community
2.1 in macOS Safari. But I can't see them with Chrome browser. Is there any way to fix it?
Read more >How to Show Hidden Files on a Mac - Macworld
Press Command + Shift + . to reveal them. How to find System Library. The third Library folder is located in System (one...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

It appears to be a WebGL rendering issue, surprisingly enabling the Experimental Feature > WebGL 2.0 actually causes it to not display but disabling that feature fixes it. Hopefully Apple fixes up their WebGL game.
Here is the latest: https://github.com/microsoft/vscode/blob/a4906e7a1517d077c2c5dba78d87f8e09b20f35a/src/vs/workbench/contrib/terminal/browser/xterm/xtermTerminal.ts#L176
While on v3.12.0 ours looks like:
https://github.com/cdr/vscode/blob/1.60.0-code-server-patch/src/vs/workbench/contrib/terminal/browser/terminalInstance.ts#L1517
I think I originally found this by searching xterm issues for webgl:
https://github.com/xtermjs/xterm.js/search?q=webgl+safari&type=issues