search

nwjs / nw.js

Call all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.
https://nwjs.io
MIT License
40.39k stars 3.88k forks source link

Transparency not working with backdrop-filter #7399

Open arasrezaei opened 4 years ago

arasrezaei commented 4 years ago

======== TEMPLATE BUG FORM ========

NWJS Version : 0.44.3-sdk Operating System : windows 10

Expected behavior

When transparent window is enabled, it works but when i use css backdrop filter (blurring) or may be filter which i havent tested yet, it brokes transparency and makes window a solid color.

Actual behavior

It should works fine with that.

How to reproduce

  1. startup => works fine1 1
  2. opening popup which has backdrop effect => breaks transparency 2
  3. closing popup => have a gray background, no transparency! 3
jeancode commented 3 years ago

no se puede he intentado lo mismo que tu lo único que logre fue buscar el background del sistema y colocarlo en body con un fodo fijo background fixe

TheJaredWilcurt commented 3 years ago

The backdrop filter is part of chromium's rendering pipeline. It calculates the pixels to render based on what is on the page, it does not have any context for what is under the window (handled at OS level, not application).

For what you're asking for to be possible a change would need to occur in the Chromium repo.

Or you could try a hack/work around where you hide the window, take a screenshot of the screen, show the window, and set the background image in the window to an offset version of the background. This likely would not be very performant, and would be quite complex to achieve.