Spacer cannot be resized

[gerrybartley]

Current Behavior

After update to 1.26.0, when adding a spacer it's size cannot be changed. Existing spacers have the same issue

Expected Behavior

Spacers must be sizeable

Steps To Reproduce

Add or edit a spacer Click on the size Size cannot be changed size remains at 1x1

Environment

• Dashboard version: 1.26.0
• Node-RED version: 4.0.9
• Node.js version: 20.18.2
• npm version: 10.89.2
• Platform/OS: Red Hat Enterprise Linux 9.5 (Plow)
• Browser: Chrome 139.0.7258.66

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

[vargavitya2]

can confirm, I have found the same behavior after updating

[jeroenst]

I experience the same issue

Environment

• Node-RED version: 4.1.0
• Node.js version: 20.19.4
• npm version: 10.8.2
• Platform/OS: Linux Synology DSM 7.2
• Browser: Firefox 142.0 & Chrome 139.0.7258.154
• Dashboard 2.0 version: 1.27.1

And because of https://github.com/FlowFuse/node-red-dashboard/issues/1473 I'm unable to resize the spacer in any other way.

[colinl]

And because of #1473 I'm unable to resize the spacer in any other way.

As a workaround, if you open the dashboard pane at the right hand side, find the spacer that you wish to resize, hover over it and open it by clicking the Edit button that appears, then give it a name and Deploy. Then edit the flows file (after making a backup just in case) using a straight text editor, not a word processor. Search for the name that you give it and you should see something like

    {
        "id": "c4b533d2.d94458",
        "type": "ui_spacer",
        "name": "the name you gave it",
        "group": "c45a83a3.d00908",
        "order": 2,
        "width": 1,
        "height": 1
    },

Though it may all be on one line if you have not specified flowFilePretty: true, in settings.js. You can edit the width and height as required (whether it is all on one line or formatted). Save it and restart node-red.

[dudleyjosh]

This issue still persists in v1.29.0.