Hello,
I have an issue with the camera and home widgets.
The images are not adjusted to the widget in desktop browser mode (while it’s okay in responsive mode on my phone):
Camera: the images are cropped and zoomed in
Home: the imported photo is not resized to the widget size (the photo overflows, unlike the camera).
Is anyone else experiencing the same issue?
mutmut
August 28, 2026, 6:46pm
2
I also have a problem with the home view widget.
guim31
August 28, 2026, 6:47pm
3
I think you just have houses that are too big!
Hi everyone!
This topic is now in development .
A PR has been opened to keep camera and house view images in their map on desktop:
master ← claude/bug-image-widgets-desktop-auoi6o
ouvert 07:53AM - 29 Aug 26 UTC
### Description
Fixes the two desktop image bugs reported on the forum (topic 1… 0737), both side effects of the selective column stretch (spec A.4) shipped in v5:
- **Camera widget — cropped "zoomed" snapshot.** A camera card in a column shorter than its neighbors stretches, and its snapshot filled the taller image area with `object-fit: cover`: a 16:9 frame was reduced to a vertical slice of its center. A camera view is information, so the stretched snapshot now uses `object-fit: contain` — the full frame is always visible, letterboxed on the card. Applied to the viewer (`routes/dashboard/style.css`) and the editor preview (`edit-dashboard/style.css`) for canvas parity.
- **House-view widget — image overflowing the card top and bottom.** When the house illustration renders taller than the 65vh stretch cap at the column width, only the *card* was clamped: the image kept its width-driven natural height and bled out of the card, covering the header and neighboring widgets. A new `dashboard-stretched-tile` global marker (the tile counterpart of the existing `dashboard-stretched-media`, set in `BoxColumns.jsx` and `EditBoxColumns.jsx`) lets the house-view stylesheet bound the image by the cap minus the card chrome, and its wrapper now shrink-wraps the possibly narrower image so the `%`-positioned pins stay glued to the same points of the plan.
Mobile (<992px) is untouched: columns stack, no cap, natural full-width render — which is why the bug only showed on desktop. The A.4 section of `docs/specs/dashboard-flexible-layout-and-widgets.md` is updated accordingly.
Verified on a faithful static copy of the DOM/CSS chain (tall neighbor column, 1440×900, Chromium): before the fix, the edge markers of a 16:9 test frame disappear on the camera and the house plan covers its own card header and its neighbors; after it, the full camera frame is letterboxed, the plan fits the capped card, and the measured pin center stays exactly on its `x_pct` point of the illustration (`pinCx === wrap.left + wrap.width * 0.85`).
## Forum
Forum: https://community.gladysassistant.com/t/probleme-image-dans-les-widgets-navigateur-desktop/10737
### Checklist
- [x] Tests pass: no server change (front-only CSS/markup); front build passes (`vite build`)
- [x] Linter and prettier pass on both front and server (`npm run eslint`, `npm run prettier` — only pre-existing inline-style warnings remain)
- [x] No undocumented breaking change
Feel free to follow the PR, test (optional, especially for small requests) and give your feedback here if needed.
mutmut
August 29, 2026, 9:02am
8
chez moi je n’ai carrément plus rien après avoir sélectionné la maison :
For webcams, images are no longer cropped (even if the widgets don’t all have the same size while all images are in 16:9).
For the home widget, no changes:
Thanks @PhilippeMA for your tests, I just pushed a new version to the same URL, looking for testers
It’s all good. For the cameras, I now have black bars (the widgets are not properly sized) but the images are no longer distorted. And for the custom widget, it’s perfect.
Excellent, anyone else to confirm? I’m going to do a release this afternoon, it would be great if it went with that
Will_71
August 29, 2026, 12:51pm
14
I’m going to be annoying, but I preferred it before. For the camera in the middle, the widget adapts to the area and I have large black areas. I’m not a fan.
mutmut
August 29, 2026, 12:55pm
15
ok for me for the house:
By the way, are the pins just information or can they be controlled?
I agree, it’s not great!
The solution would be to simply not dynamically reframe the cameras, and too bad if it leaves a hole in the column:
I pushed a new version to the same URL
@mutmut
There is a request for this
If possible, I would like an action to be performed when clicking on a pin.
For example, here we have two possible actions (open the shutter or turn on the kitchen light [image]
What do you think?
Here is the result on my end. I have a 3-column layout;
It’s good for me now for the cameras
