When loading this browser view as a component, it hides all other components including developer tools window

[kartik6402]

Hi, I am working on a react electron application, which has sidebar component and a main section component. The main section component is where this browser view is loaded. When the component is loaded, it hides all other components like when I hover over the side bar the tool tip appears behind the browser view component, even the developer tools window appears behind the browser view component. I tried looking for options to configure that but I could not find it. Appreciate your time looking into this.

Thank you

[twosaturdayscode]

Hi @kartik6402 I know it's too late but maybe you are still on your project so here is my help:

What you report isn't an issue with this library rather it is the BrowserView behavior, that's because it is not like the webview component that renders into the DOM, but just another WindowBrowser (like the main one) that runs into the same process of the main WindowBrowser, so the styling and positioning CANNOT be done by CSS, so you can't let's say set a z-index or move it as you wish.

To solve the problem you should render your sidebar inside another component made by this library and render it on top of the rest of your app (rendering it after should be enough to make it appear 'over' your main content).

Good luck 😁