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).