Sidebar "Fixed" mode does not fall back to "Appear over content" on mobile

[Manchezh]

Current Behavior

According to the official documentation, when the Sidebar Style is set to Fixed, it should remain visible on desktop but automatically switch to "Appear over content" on mobile (below 768px width). This behavior does not happen — the sidebar stays permanently visible, even on small screens.

Expected Behavior

The sidebar should automatically switch to "Appear over content" behavior on screens smaller than 768px when Fixed is selected.

Steps To Reproduce

Install a fresh instance of Node-RED with @flowfuse/node-red-dashboard Set the Sidebar Style in ui-base to Fixed Deploy and open the dashboard on a mobile device or using Chrome DevTools responsive view (e.g. iPhone 8) Observe that the sidebar does not collapse or float over content, even if window.innerWidth is < 768

Environment

Node-RED v3.1.9 with latest @flowfuse/node-red-dashboard Tested on Chrome, Firefox Tested with clean configuration, no custom CSS or JS

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

[joepavitt]

Thanks for the bug report @Manchezh - we'll take a look at this asap

[rguca]

Just wanted to create an issue for this