[UX] The board select dialog is broken when the window size is small

[kittaakos]

As a user, I can reduce the window size to 200X120 pixes but the board config dialog does not like it. It's a bug. See the screencast.

[sebromero]

@kittaakos For now I'd define a minimum size for the window. Something like 900x800?

[kittaakos]

For now I'd define a minimum size for the window. Something like 900x800?

It's done. From now on, the minimum window size is 900 x 800. (CC: @ubidefeo)

I leave the issue open until we have a proper fix.

[paschlie]

Not sure if this comment is really necessary, but please note that sweeping this bug under the carpet by making the minimal window size large enough to mask the bug, shouldn't be considered acceptable; especially as the "solution" creates a bigger problem than it solves (i.e. the tool has now become unnecessarily effectively unusable for those using machines with smaller display dimensions typical of many laptops for example; where before it was merely a visual layout bug which didn't inhibit use of the tool).

[kittaakos]

Originally posted by @LumitoLuma here:

Describe the bug
I cannot see the full Arduino Pro IDE window on my Ubuntu 20.04 (GNOME) laptop. I also cannot maximize it.

To Reproduce
Steps to reproduce the behavior:

1. Download Arduino Pro IDE 0.1.4 on Ubuntu 20.04
2. Extract
3. Open arduino-pro-ide
4. See error

Expected behavior
Be able to fully resize the IDE window and maximize it.

Screenshots

Desktop (please complete the following information):

• OS: Linux Mint (with GNOME desktop, based on Ubuntu 20.04.1 LTS)
• Version: 20.1 Ulyssa

Additional context
I also cannot vertically resize the window

[kittaakos]

For ref: arduino/arduino-pro-ide#351

[kittaakos]

Originally reported by @ex-caliper here:

Describe the bug
When you try to resize from either height or width, the IDE automatically increases the height beyond the
bottom of the screen. Subsequently the bottom of the console cannot be seen.

To Reproduce
Start the IDE as normal, try to reduce in anyway, height increases automatically beyond bottom of screen.
Further attempts at recovering the height can result in the IDE minimising to the task bar and cannot be restored. It can be closed by right clicking the task bar icon, however, further attempts at restarting the IDE normally, automatically reduces it to the task bar rendering it unusable.

Expected behavior
Resizing without issues mentioned.

OS: Windows 10 Pro
Version: 18363

Additional context
Further use of the IDE can only be achieved by deleting its folder and replacing with a fresh download.

[Ho-Ro]

the tool has now become unnecessarily effectively unusable for those using machines with smaller display dimensions typical of many laptops for example

Q'n'D solution for KDE Plasma (Debian stable) for my ThinkPad T400 (1280x800):

• Click titlebar menu (leftmost button)
  

• More Actions > Special Window Settings

• Tab Window matching:
  

• Tab Size & Position
  

• Click OK and Apply

The change is permanent and can be found later in:

• System Settings > Workspace / Window Management > Window Rules

HTH, Martin

[ubidefeo]

nice hack, @Ho-Ro

[Ho-Ro]

From now on, the minimum window size is 900 x 800

On my system 800x700 is more than sufficient to show the complete "Select Board" window.
@kittaakos , @ubidefeo : Would it be possible to decrease the minimum size to this value that makes the new IDE much more usable for a lot of "HD ready 720p" laptops?

[sebromero]

@Ho-Ro Yes we should probably do that. The actual fix is to use a different layout, a responsive one ideally. We'll look into it.

[kittaakos]

Reported by @abnair1982 here:

Describe the bug

When I open Select Board Dialog, the OK button to confirm selection is hidden. I am unable to resize the IDE or move the Select Board Dialog. As a result I am unable to select board easily. I have a mac style dash. So I have to drag the ide to the right to make the button visible. I tried to move and resize Select Board Dialog. But I was not able to move the dialog. Please check the screenshot

To Reproduce

1. Open IDE
2. Click On 'Select Other Board & Port'
3. 'Select Board' Dialog will open. 'OK' button to confirm selection is hidden.
4. Try to drag or resize 'Select Board' dialog. It will not allow you to move the dialog
5. Try to resize the IDE. It will not allow to resize IDE.

Expected behavior

1. Ability to resize the IDE.
2. Ability to move or resize the "Select Board" Dialog opened in IDE
3. Have 'OK' button at place that will be always easily accessible.

Screenshots
On opening the select board dialog:

On moving the ide to right:

Desktop (please complete the following information):

• OS: Ubuntu
• Version: 18.04
• Arduino Ide Version: arduino-ide_2.0.0-beta.3_Linux_64bit

Additional context
I have to move the IDE to the right for the buttons to became visible.

[Patronon]

Thanks for working on this nice IDE and for keeping it running. i was looking for something like it for a while.
But
for me it feels the explained issue is still there on Linux Mint for your version 1.14!
see pic!?
i can not extent the windows and neither can I see the whole window of the IDE (i have a lenovo thinkpad x220 with (i guess 12.5")
Cheers

[per1234]

@Patronon you are using an outdated version of the IDE from before the fix. Please install the latest version 2.0.0-beta.7 from this page:
https://www.arduino.cc/en/software#experimental-software