Graphical update-state box position within OTA menu

[Grandma-Betty]

What happened?

Within the Z2M OTA menu in Home Assistant, it is very annoying that on a certain point, while updating multiple devices simultaneously, device update state boxes unfortunately are popping up on a position where it is not possbile to start updates for other devices because they get in the way, please have a look on the attached screenshot, where you can see the problem. The red device update buttons are "hidden" behind the blue update state boxes.

What did you expect to happen?

The position of the popping up blue update states should get re-arranged in a way they will not get in an unfortunate way. Edit: Or even give the possibility to deactive popups completely.

How to reproduce it (minimal and precise)

No response

Zigbee2MQTT version

1.37.1

Adapter firmware version

20221226

Adapter

zStack3x0

Setup

HAOS 2024.5.4 x86-64 (Virtual machine)

Debug log

No response

[LaurentChardin]

Hi,

May i suggest you create/move a ticket to the following github repo : https://github.com/nurikk/zigbee2mqtt-frontend ?
The issue you are describing is linked on how the react app is reacting to events in the websocket, and probably it should start to behave differently during the OTA process.

Seems more like frontend topic to be analysed (and see if we can manage it in React before trying to change the middleware)

[LaurentChardin]

By the way, the culprit is the react-notifications-component which seems to have an issue clearing out the DOM under frequent load of notifications: teodosii/react-notifications-component#157

Issue to reference here : https://github.com/nurikk/zigbee2mqtt-frontend

[LaurentChardin]

@Koenkk Issue created here : nurikk/zigbee2mqtt-frontend#2033. we could close this one..