responsively-org/responsively-app

Developer tools not appearing correctly

Open

#651 opened on Dec 8, 2021

View on GitHub
 (4 comments) (1 reaction) (0 assignees)JavaScript (21,641 stars) (1,064 forks)batch import
awaiting triagebughelp wanted

Description

🐞 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

🔥 Exception or Error or Screenshot

bottom-docked right-docked

Contributor guide

Tech stack
javascriptelectronhtmlcss
Domain
developer experiencetoolingfrontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic knowledge of ElectronJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Investigate the Electron BrowserWindow or webview code that controls the docking of developer tools. Look at the main window configuration in the app's main process files, such as 'main.js' or 'window.ts'. Check for any issues related to window positioning or 'dock' behavior. The bug occurs when dev tools are docked to the main window; they appear broken. This might be due to incorrect size or position calculations when the window is docked. Review the code that handles the 'dock' option and compare with the separate window and docked window settings. Consider testing on different Linux desktop environments (this is on Manjaro with GNOME).