Overlay doesn't act truly transparent when collapsed with no open windows.

[adammpkins]

Prerequisites

-[ x ] Using deb package

• [ ] Using npm
• [ ] Using an up-to-date [main branch]
• [ ] Using latest version of devtools. [Check the docs for how to update]
• [ ] Tried solutions mentioned in [#400]
• [ ] For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

I expect to be able to click off of the visible box and have my focus returned to the application. This is especially noticable when you have an IDE up on the full screen and attempt to click anywhere underneath of the visible search box. I expect to be able to have the box stay on top while I scroll anywhere the box is not located.

The search box should return focus to the application if you are not in or hovering over an active element. If user focus isn't currently occupying space you're clicking on or hovering over, you should be able to click or scroll to affect the application behind it.

Current Behavior

Currently the entire right half of the screen becomes unusable and effectively entirely occupied by the programmer browser. It doesn't behave like a small hovering box, it behaves as though it's taking focus of everything on the entire screen until the program is minimized or clicked off of on the left side of the screen only

Steps to Reproduce

1.Launch programmer browser

2.Open full screen editor or browser

3.click in the blank space beneath the search box

4.Focus doesn't move off of the programmer browser.

5. Forced to minimize or click the left side of the screen, or dedicate half of my screen full-time to the PB app.

Possible Solution (Not obligatory)

Context

Forced to minimize or click the left side of the screen, or dedicate half of my screen full-time to the PB app.

No. Used DEB build

Your Environment

• Node version :
• Operating System and version : Ubuntu 20.04

[yessGlory17]

:+1:

[yessGlory17]

I'm working on this issue

[adammpkins]

Not pressuring you. Just coming back to this after using the application during development. This is one of the more prominent issues preventing me from being able to fully integrate it into my development workflow. The app fully consumes one half of the screen even where there are no elements. The user needs to be able to scroll a page that's behind the overlay and click inputs that are behind the overlay.

[adammpkins]

I did some reading on this and it seems like this is a common issue in Electron apps making use of transparency. https://github.com/electron/electron/issues/1335

This comment has offered some advice that people seem to have some success with. I'm not sure if it's relevant to this codebase or not. https://github.com/electron/electron/issues/1335#issuecomment-1199944056