Ribbon drawing behaviour changes when under HDPI

[AzmL]

In a ribbon group, if you have 3 editboxes located next to each other, they will by default display in one column and on top of each other; that is 3 rows. This is the behaviour since the ribbon was first introduced, and this is the behaviour displayed in the Ribbon Designer of VS 2017.
If you change the resolution scaling to a value other than 100% / 96 DPI, the ribbon is unable to display 3 editboxes in one column. Even grouping them in a Box and explicitly setting the BoxStyle property to 'Vertical' will not change the behaviour. To my knowledge, only the EditBox controls are affected.

In addition to just doubling the horizontal space now taken by these controls, more importantly this can seriously affect the user experience.

---

Document Details

⚠ Do not edit this section. It is required for docs.microsoft.com ➟ GitHub issue linking.

• ID: d9affc05-6b09-c92b-da08-67758bcb1e87
• Version Independent ID: b1156e9c-3c65-d516-3647-14f5244e2bb4
• Content: Handle high DPI and DPI scaling in your Office solution
• Content Source: docs/ddpi/handle-high-dpi-and-dpi-scaling-in-your-office-solution.md
• Product: office365
• GitHub Login: @o365devx
• Microsoft Alias: o365devx