On mobile, can't add a widget to a dashboard

@pierre-gilles With v5, on my iPhone, when I edit a dashboard and want to add a widget, the widget selection screen appears but Gladys no longer responds: if I click on a widget name, it doesn’t add, if I click on cancel or save, the screen doesn’t close…

I’m stuck on this:

I don’t have this issue on my computer.

No issues on s26

However, the Cancel buttons, notably, overflow

Hi everyone!

This topic is now in development.

A PR has been opened to prevent a crashing widget from freezing the entire app, and to keep the Cancel / Save buttons visible on mobile:

Feel free to follow the PR, test (optional, especially for small requests) and share your feedback here if needed.

Thanks for the report and the screenshot, it was decisive :folded_hands:

The detail that unlocked everything: on your screenshot, the « Devices » tile is framed in blue — this is the hover state that iOS leaves stuck after a tap. So your clicks were getting through, it’s not a touch area issue. It’s the interface that stopped redrawing.

The cause is more general than the widget selector: when a component raises an error during rendering, Preact (the display library of Gladys) leaves its rendering queue in a locked state, and nothing redraws afterward. The screen remains frozen exactly as is, buttons still take focus, but no action has a visible effect — until the page is reloaded. This matches exactly what you describe: the widget doesn’t add, Cancel and Save do nothing.

I reproduced the scenario in a WebKit browser sized for iPhone: it’s enough for a single widget to crash for the entire editor to die this way.

What’s being fixed:

  • a protection that isolates the error to the concerned widget (it displays a small message in its card) instead of crashing the entire application;
  • a real crash found along the way: any newly added Graphic widget was raising an error;
  • the dashboard no longer stays stuck on « loading » if a save fails;
  • and the bottom action bar, which was overflowing the screen on phone: in French, « Cancel / Delete / Save » is 452 px wide for a 390 px screen, and as it’s right-aligned, the overflow was coming out from the left — that’s why we see « …nuler » cut in two on your screenshot. It now wraps and everything remains reachable.

One thing I still don’t have: which widget precisely crashes for you. It depends on your data, and your dashboard triggers the issue while mine doesn’t.

@StephaneB can you test this URL? https://claude-mobile-widget-dashboa.gladys-plus.pages.dev/?

I tested it, and it works fine. :+1:

To understand the widget that’s causing an error for me, where can I see it? On the dashboard in normal view, on the dashboard in edit mode, on the dashboard in edit mode thinking I’m adding a widget,…?

Great, thanks for testing :folded_hands:

To identify the widget: you can see it on the dashboard, in edit mode. No technical tools are needed.

Open the dashboard editor and scroll to the bottom. If a widget is causing issues, it is replaced by an orange block (« An error occurred while displaying… »), and its name is written just above it, in small caps: CLOCK, CHART, CAMERA… A screenshot of this area is all I need.

The block also appears on the dashboard in normal view, in place of the widget, but without its name — that’s why the editor is more practical. However, it does not appear on the widget selection screen: this screen is just a list, no widget is actually displayed there.

And if you find no orange block anywhere, that’s good news and there’s nothing to look for: it means none of your widgets are crashing, and your issue came from one of the other fixes in the same update (there was notably an error with the newly added Chart widget). Just let me know, and we’ll leave it at that.