[Bug]: Graphical update-state box position within OTA notifications

[LaurentChardin]

What happened?

Initially reported on Z2M issue liste : https://github.com/Koenkk/zigbee2mqtt/issues/22806

Quick investigation suggests the culprit is the react-notifications-component which seems to have an issue clearing out the DOM under frequent load of notifications: https://github.com/teodosii/react-notifications-component/issues/157

What browsers are you seeing the problem on?

Firefox, Chrome, Safari

Relevant stacktrace

No response

Did you download state.json.zip?

I will not attach state.json.zip

[LaurentChardin]

https://github.com/teodosii/react-notifications-component/issues/149

A bit more of potential reasons : when window/tab is not in focus or inactive, the animation is paused, leading to the DOM not being cleared and the notifications will remain visible, stacking up. This is usually true for OTA as this is a long process (more than 25mn), i suspect people moving out of focus of the window, pausing it, and therefore leading to the stacking issue.

Can probably be easily tested.

[Grandma-Betty]

What's the current state on this?

Thank you!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.