bug in the way row heights are specified in a page template.

[ManuelWaldmann]

Current Behavior

There seems to be a bug in the way row heights are applied in page templates. (comfortable mode 38px) When using a "Text" field with Size Auto, the field height is always 48px, ignoring the template row height setting.

Actual Behavior: If the size is set to Auto, it fits. With Size 6x1, the row height is respected (38px), but the inner div.v-input__control still has a fixed height of 48px, causing layout issues. In color picker mode, the text input does respect the template row height (both Auto and 6x1).

Here are a few screenshots for illustration purposes: Size is "auto" (comfortable mode 38px)

Size is "5x1" (comfortable mode 38px)

Some sizes are set "auto", others are entered manually (e.g. 6xx1).

And here is a small test flow: flows.json

And a link to the forum post: https://discourse.nodered.org/t/different-heights/99127/6

Expected Behavior

The text field should respect the template’s row height (e.g. 38px in Comfortable mode).

Steps To Reproduce

Create a page template with row height set to Comfortable (38px). Add two text input fields one below the other. Set the field size to Auto. then change the field size to e.g. 5x1 Observe the rendered height.

Environment

• Dashboard version: 1.27.2
• Node-RED version: 4.0.9
• Node.js version: 22.12.0
• npm version: 10.9.0
• Platform/OS: Win11
• Browser: Vivaldi, Firefox, Chrome

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member