.NET8 PerMonitorV2 issue with TableLayoutPanel, NumericUpDown and Label

[harborsiem]

.NET version

.NET8.0

Did it work in .NET Framework?

No

Did it work in any of the earlier releases of .NET Core or .NET 5+?

No

Issue description

Demo program TestDpiV2 with one TableLayoutPanel and many Label, TextBox, NumericUpDown anchored controls:
TestDpiV2.zip

DPI = 100%

DPI = 150%

With DPI = 150% one can see that the Label "Tooltip Description" is only shown as "Tooltip". All NumericUpDown controls are misaligned.

Here one can see a more complex application (RibbonTools):
DPI = 100%

DPI= 125%

Steps to reproduce

Use this project and set different DPI for the screen.
TestDpiV2.zip

[elachlan]

@Olina-Zhang I don't know if your team needs to test this? Maybe for regression?

[Philip-Wang01]

@elachlan This is not a regression problem, it can be reproduced in .NET 6.0/7.0.

But strangely, the problem can only be reproduced by running the project directly when the form designer is not loaded successfully.(I've reproduced the problem with a project I created myself)

test103101.mp4

Once the form designer is successfully loaded, the form designer page and the code page appear to be edited so the issue cannot be reproduced.(Filed a new issue to track it: https://github.com/microsoft/winforms-designer/issues/5593)

test103102.mp4

[harborsiem]

@Philip-Wang01 In the video "test103102.mp4" you show a Designer that is started in DPI 150% mode. In this mode one can see, that the Designer shows wrong Margins between the rows of the TableLayoutPanel. Also the Labels with content "Name", "Lable Title", ... are not centered in the middle of the row. Maybe an other bug ?
But what you show in this test case is not the normal way to deliver an application.

[Philip-Wang01]

@harborsiem We have a similar issue with the phenomenon you describe, please see this: #5112

[harborsiem]

I have done a new project to simulate how the TestDpiV2 project should look in DPI 150% mode.
The new project:
TestDpiV2_150.zip

The new project "TestDpiV2_150" must run in DPI 100% mode. In this project I have done following steps:

• Set the Font of the Form to a Segoe UI; 13.5pt. This is original Font multiplied by 1.5
• Copy TableLayoutPanel and all child controls from "TestDpiV2" project to the designer file
• Multiply the Width of TableLayoutPanel by 1.5 and set ClientSize.Width of the Form to the same value
• Set the AutoSize = true for labelTooltipDescription. This is the problem for the incomplete text for this label in the "TestDpiV2" project. (My fault)
• Set the Margin to a value (4, 5, 4, 5) instead a value (3). This is a try to have a factor 1.5
• Multiply the Width of the ID specific NumericUpDowns and the Symbol specific TextBoxes by 1.5
• All other calculations are done automatically when one change a value (e.g. Enabled Property) in the Designer, because the TableLayoutPanel does the work.