Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Random 1px white borders in Firefox in `xterm-text-layer` canvas
See original GitHub issueDetails
- Browser and browser version: Firefox Nightly
- OS version: Mac OS
- xterm.js version: Latest
Steps to reproduce
- Visit https://xtermjs.org/ in Firefox
- Open Devtools, set
document.body.style.backgroundColor = 'black' - Resize the window to get the example xterm to resize
In some sizes, there is a random 1px white border (either top, bottom, left, right, or a combination of those). E.g.:
(bottom)
(top)
This line looks like some off-by-one error. I also believe the error is only inside this canvas:
<canvas class="xterm-text-layer" style="z-index: 0; width: 720px; height: 384px;" width="1440" height="768"></canvas>
(Deleting the others doesn’t impact the white lines, while deleting this one removes all white lines.)
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:13 (5 by maintainers)
Top Results From Across the Web
white borders around the browser | Firefox Support Forum
Since a sudden power outage, when I use firefox maximized (not f11) there's a white border around 3 of the 4 edges -...
Read more >white borders on firefox - Mozilla Support
You can open the Properties of the Firefox desktop shortcut via the right-click context menu and check the "Compatibility" tab. Make sure that ......
Read more >Firefox's protection against fingerprinting - Mozilla Support
Fingerprinting Protection is an experimental feature that is under heavy development in Firefox.
Read more >1379038 - Border Collapse causing 1px off - Bugzilla@Mozilla
- First has red instead of Cyan on right and bottom borders. - Second has 1px red inside top/left border and yellow instead...
Read more >Suddenly I have random squares on my Firefox windows ...
(mostly on the edges, but also other places) ... When viewing Facebook, there are little squares (black, grey, white) over the scroll bar, ......
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
FYI, in Eclipse Theia and Gitpod.io we ended up using a CSS hack as workaround for this issue:
https://github.com/eclipse-theia/theia/issues/4665#issuecomment-494699663
https://github.com/eclipse-theia/theia/blob/8d8406d52b74b4fc03b4919a1299dc572b1e3bd5/packages/terminal/src/browser/style/terminal.css#L24-L27
@lramos15 @Tyriar FYI this bug still reproduces for me (Firefox Nightly on MacBook Pro):
https://youtu.be/minfGofKJ8c