responsively-org/responsively-app

Developer tools not appearing correctly

Open

#651 创建于 2021年12月8日

在 GitHub 查看
 (4 评论) (1 反应) (0 负责人)JavaScript (21,641 star) (1,064 fork)batch import
awaiting triagebughelp wanted

描述

🐞 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

贡献者指南

技术栈
javascriptelectronhtmlcss
领域
developer experiencetoolingfrontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 days
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
basic knowledge of ElectronJavaScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
45
研究方向
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).