Preview textField alignment does not match the runtime alignment in Flow

Jmix version: 2.3.3
Jmix Studio plugin version: 2.3.3-242
IntelliJ IDEA 2024.2.1 (Community Edition)
Build #IC-242.21829.142, built on August 28, 2024
Runtime version: 21.0.3+13-b509.11 x86_64 (JCEF 122.1.9)
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
GC: G1 Young Generation, G1 Concurrent GC, G1 Old Generation
Kotlin: 242.21829.142-IJ
java 17.0.4 2022-07-19 LTS
Java™ SE Runtime Environment (build 17.0.4+11-LTS-179)
Java HotSpot™ 64-Bit Server VM (build 17.0.4+11-LTS-179, mixed mode, sharing)
Operating System: macOS 14.7 (23H124)
Metal Rendering: ON
File System: Case-Sensitive Journaled HFS+ (APFS)
Browser: Safari Version 18.0 (19619.1.26.111.10, 19619)
Database: PostgreSQL 13

Hello Jmix Team

For your information, I have found a problem in the Studio’s Preview mode for Flow. In the following 2 sets of 2 screenshots you see that the alignment of the “Period” and “Renewal Grace Period” textField components displayed side-by-side in the Preview do not match the alignment at runtime.

This definition shows the fields not aligned in the Preview but aligned at runtime:

<formItem>
    <textField id="periodTextField" label="msg://periodTextFieldLabel" readOnly="true"/>
</formItem>

Screenshot 2024-09-30 at 22.06.09
Screenshot 2024-09-30 at 22.06.50

And this definition shows the fields aligned in the Preview but not aligned at runtime:

<formItem label="msg://periodTextFieldLabel">
    <textField id="periodTextField" readOnly="true"/>
</formItem>

Screenshot 2024-09-30 at 22.07.55
Screenshot 2024-09-30 at 22.09.00

Can you please fix this in the next release. Thank you in advance for your support.

Best regards
Chris

Hi,

Thank you for your report.
I have created an issue.

Regards,
Mikhail