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.

DOM renderer doesn't support transparency correctly

See original GitHub issue

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).

Issue Analytics

State:
Created 4 years ago
Comments:15 (15 by maintainers)

Top GitHub Comments

1reaction

Tyriarcommented, Jan 17, 2020

@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.

0reactions

kumaran-14commented, Feb 12, 2020

Cool. I will send a pr.

Top Results From Across the Web

transparent objects do not render correctly · Issue #685 - GitHub

I created a minimal app to demo the issue (below), in which I have a scene with two objects, the other one is...

Three.js material transparency doesn't work as expected

I am trying to create a "tree" from crossed planes, each has texture from png with transparency. And ...

ThreeJS and the transparent problem - Questions

I create some mesh objects with a simple transparent material. And when the objects are overlaps, sometimes (ok always) when I rotate the...

Transparent model does not render correctly, looks ok while ...

I have imported a model of this tree and I am attempting to include it within a scene. The area surrounding the leaves...

CSS opacity property - W3Schools

The opacity-level describes the transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. opacity 0.2....