Developer tools not appearing correctly

[C4pt4inM]

🐞 bug report

✍️ Description

Whenever I open developer tools, it appears in the middle on screen in broken pieces. if I uncheck "Dock devl tools to main window" the devtool then open separately with no issues

🕵🏼‍♂️ Is this a regression?

I recently installed it, don't know about old version but re-installation did not solve the problem

🔬 Minimal Reproduction

open any website and either select "inspect element" from topbar or using right click context menu

🌍 Your Environment

OS details:
Manjaro linux x86_64
kernel: 5.13.19-2-MANJARO
shell: zsh 5.8
DE: GNOME 41.1

Responsively version details:
Version: 0.17.0
Electron: 9.3.1
Chrome: 83.0.4103.122
Node.js: 12.14.1
V8: 8.3.110.13-electron.0

🔥 Exception or Error or Screenshot

[open-collective-bot[bot]]

Hey @C4pt4inM :wave:,

Thank you for opening an issue. We will get back to you as soon as we can. Have you seen our Open Collective page? Please consider contributing financially to our project. This will help us involve more contributors and get to issues like yours faster.

https://opencollective.com/responsively

We offer priority support for all financial contributors. Don't forget to add priority label once you become one! :smile:

[jayeclark]

@C4pt4inM I was looking into this issue and was unable to reproduce this bug on my local environment, but I noticed that the devtools in your screenshots are positioned as if the browser window dimensions are limited to the upper left quadrant of the screen instead of the entire screen. (When dev tools are opened with inspect, they appear at the bottom of the browser window... when they are opened with 'toggle dev tools', they appear on the far right.)

Do you have any unusual desktop scaling or monitor setup? Does the bug happen on full screen only, or does it also happen when the browser is less than full screen? I've come across a couple issues on other desktop apps that use electron that seem very similar but some more info would be helpful in reproducing the issue!

[C4pt4inM]

I have a laptop with 1366 resolution with a extended LED with 1920x1080 resolution. It happens in both screens. I did not check with 1 screen only. 

Sent from Yahoo Mail on Android

On Fri, Dec 10, 2021 at 6:53 PM, Jay @.***> wrote:

@C4pt4inM I was looking into this issue and was unable to reproduce this bug on my local environment, but I noticed that the devtools in your screenshots are positioned as if the browser window dimensions are limited to the upper left quadrant of the screen instead of the entire screen. (When dev tools are opened with inspect, they appear at the bottom of the browser window... when they are opened with 'toggle dev tools', they appear on the far right.)

Do you have any unusual desktop scaling or monitor setup? Does the bug happen on full screen only, or does it also happen when the browser is less than full screen? I've come across a couple issues on other desktop apps that use electron that seem very similar but some more info would be helpful in reproducing the issue!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

[Betree]

Same issue here. Some details that may help to reproduce:

• Using Fedora 35, Gnome Shell, X11
• I have 3 screens. When first opened from the main screen, the developer tools appear correctly. As soon as I maximize the window on a secondary screen, the developer tools move in the middle of the screen (as described in this issue)
• When I uncheck "Dock dev-tools to Main Window", the developer tools don't appear at all