Refresh page on width change

[OzGav]

As discussed here #320 (reply in thread) it would be great if the floorplan was refreshed automatically on device orientation or browser width change.

[exetico]

Hi OzGav

Thank you for submitting this. I've made some initial thought about this.

Going with window.innerWidth as a trigger point, will have some caveats.

Here's my floorplan, but Home Assistant did hide the side-menu, due to the window size:

But here's it's not hidden:

But the svg itself does have another size. So using window.innerWidth will generate a few funny situations.

Also; I personally debug with my Developer Tool in the left or right side of the window, and not in a pop-up. Triggering a re-draw in that situation, will make it a big tricky to debug, if the user are not well-known in the Developer Tool, and knows that "popping out the Dev Tool" will solve it. It will also add a bit more complexity, as we'd need to decide how often we'll allow the reload of the floorplan solution to be triggered, on basis of how aggressive the window changes was/is.

Maybe it's a good idea to stick to a eventListener of the device-orientation, as it's a perfect sweet-spot, and won't require much on the table to be discussed/targeted in.

Do you think a orientation-triggered "redraw" of a floorplan will have a positive impact?

[OzGav]

Yes I do. Certainly that is my use case. I think go with that and see if anyone else has bigger ideas…?