xterm.js: DOM renderer doesn't support transparency correctly

Use this in demo to create terminal:

  term = new Terminal({
    windowsMode: isWindows,
    allowTransparency: true,
    theme: { background: '#ff000080'}
  } as ITerminalOptions);

Notice the background is drawn twice (look at scrollbar for proper color).

About this issue

Original URL
State: closed
Created 5 years ago
Comments: 15 (15 by maintainers)

Most upvoted comments

@kumaran-14 the last 2 are an alpha channel (transparency), it’s a darker red because 2 partially transparent rectangles are drawn on top of each other, that’s the bug.

Tyriar on Jan 17, 2020