Flutter Inspector layout bug in IntelliJ

Thanks for the feedback! If your issue is related to the Flutter framework itself, please open an issue at github.com/flutter/flutter.

Steps to Reproduce

If I open my project and start the android emulator, then run the project and display the Flutter Inspector by clicking on the “Flutter Inspector” tab at the right gutter in IntelliJ, (order of operations seems unimportant, it seems to happen invariably) the Flutter Inspector content is not fit properly to its panel in IntelliJ - it’s shifted right (and clipped) and when the size of the Flutter Inspector panel is changed (by resizing IntelliJ or only the panel), the offset of the right shift changes at a different rate, moving the content further off the right side of that content pane.

I posted at the IntelliJ Issues tracker and was redirected here. I tried stopping and starting IntelliJ and looking for updates (none).

Version info

[√] Flutter (Channel beta, 1.23.0-18.1.pre, on Microsoft Windows [Version 10.0.18363.1139], locale en-US)
    • Flutter version 1.23.0-18.1.pre at d:\bin\flutter\flutter
    • Framework revision 198df796aa (3 weeks ago), 2020-10-15 12:04:33 -0700
    • Engine revision 1d12d82d9c
    • Dart version 2.11.0 (build 2.11.0-213.1.beta)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at D:\bin\android_sdk
    • Platform android-30, build-tools 30.0.2
    • Java binary at: D:\bin\AndroidStudio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[√] Android Studio (version 4.0)
    • Android Studio at D:\bin\AndroidStudio
    • Flutter plugin version 50.0.1
    • Dart plugin version 193.7547
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[√] IntelliJ IDEA Ultimate Edition (version 2020.2)
    • IntelliJ at D:\bin\JetBrains\IntelliJ IDEA 2020.2.3
    • Flutter plugin installed
    • Dart plugin version 202.7319.5

[√] Connected device (1 available)
    • Android SDK built for x86 (mobile) • emulator-5554 • android-x86 • Android 10 (API 29) (emulator)

• No issues found!

[like-clockwork]

Hey I’m experiencing this too in Android Studio at the moment, as is this other user on StackOverflow

The user noted in a follow-up comment that when they changed Windows’ scaling down to 100%, it began to display properly. I myself am experiencing the issue at 150% scaling, so I tried scaling down to 100% and restarting Android Studio and it now displays properly for me as well. Once Android Studio has restarted I can also re-scale Windows back up to 150% and the Flutter Inspector will continue displaying properly at 150%, so that’s my workaround for the moment

[helin24]

@llaenowyd would you mind uploading or linking screen recordings of these things:

• Initial devtools browser opening in the wrong place
• Devtools browser moving at a different rate during resizing

The JxBrowser team is having trouble reproducing the issue, but they’re hoping that viewing how the browser appears and changes may help to pinpoint a cause.