Editor interface slides off screen, too long button names in some main screen plugins

[TokisanGames]

Workarounds:

• Switch the editor to use English (Editor Settings > Interface > Editor > Editor Language).
• Alternatively, decrease the editor scale (Editor Settings > Interface > Editor > Display Scale).

---

It was suggested I recreate this for v3.1.1 from #30787.

Godot version:
Godot 3.1.1

GeForce GTX 1060
Intel HD4400

Win10/64
Linux

1920x1080 screen

Issue description:

Certain conditions will bump the editor interface off the right edge of the viewport if the interface width is too small.

The problem becomes annoying when working on a single monitor and your smaller godot window starts sliding your distraction free button and panels off screen! You have to resize the window to have it pop back into place.

Note, this is not a matter of there being fixed minimum sizes for some panels. The interface actually slides off screen to the right.

See the GLES slipping right and the distraction free button is off screen.

Bugsquad edit: Adding some keywords to find this issue: Inspector cropped, low resolution, horizontal cropping.

Steps to reproduce:

1. Put the view in 2D or 3D mode
2. Resize the width of the editor window somewhere under 1060 (measured visually), or just go to the minimum width where you can still see the spinning wheel next to GLES.
3. Switch to script viewer and watch GLES and the panels slide right. Switching to assetlib sometimes repeated the shift for me, so it went twice as far.
4. Switch back to 2D and the right side is still off to the right

It is fixable by resizing the window, but a little annoying.

Another way to make this happen is to:

1. Reset the windows larger so they fit properly.
2. Switch to 2D
3. Click the distraction free button
4. Resize the width to minimum size required to still see the distraction free button (and GLES)
5. Click the distraction free button to return to normal view. (The interface slides right)
6. Click the distraction free button again and now it's off screen. To get out you must press the hot key CTRL+SHIFT+F11, or resize the window.

Minimal reproduction project:

Any project, whether it has scripts or not. 2D or 3D. Windows or Linux.

[emeyex]

I just ran into this issue when I tried upgrading to 3.2 beta 3, notably bcz I noticed it started respecting my computer's language setting (French). The text in the Script editor toolbar window is now much longer, so even when my Godot window is maximized, on my 13" MacBook Pro screen, the Node/Inspector tab is pushed off the edge of the screen:

I confirmed by setting my language back to English. I understand this probably doesn't seem too high pri, but if it didn't occur to me that there was an easy work-around, it would have made using the editor veeeerrrry frustrating (i.e. I would constantly have to resize my Godot window after using the script editor, which is all the time).

[ghost]

workaround: change your Display Scale to a smaller value

[akien-mga]

See godotengine/godot-proposals#386 for a technical proposal that would be used to solve this (and other cases where the toolbar in the main screen plugin can have a minimum width too big to fit everything on screen).

[lufog]

Still valid in 4.0.alpha.custom_build [9ca0310b8]:

The top bar needs some kind of scrolling, or a dropdown box with items that don't fit.

[Calinou]

The top bar needs some kind of scrolling, or a dropdown box with items that don't fit.

See godotengine/godot-proposals#4273 for the currently proposed solution.

[YuriSizov]

As we currently have contesting ideas for what to do with toolbars in general (drawers, inspector action bar, a mix of all above), and we don't have a consensus, but would still love to address this issue for 4.0, we decided in the editor team meeting to try and utilize the newly added FlowContainer to handle toolbar overflow. It's a short term solution, that looks least invasive in Godot editor's overall flow, but it should at least prevent the editor from breaking.

PS. Same can be done to other cases of overflow, like the given example with the editor help and internationalization.

[YuriSizov]

I'm removing the high priority label since the most noticeable issue was with the toolbar and this is addressed now. We still have some secondary problems in other parts of the editor reported here, which we should likely address for the stable release of 4.0 in an effort to provide a better UX than we currently have in 3.x.