CSS not loading properly when navigating back and forth from the Alerts page
dillu24 opened this issue · 4 comments
Rationale
Sometimes when navigating the installer using the PANIC UI navigation buttons the CSS is not rendered properly, especially when navigating back and fort from the alerts page. This is also breaking the toasts, because it was noted that if the css is broken then the toast are not raised.
For ticket closure
The aim of this ticket is to identify the problem and solve it
See screenshot below:
This was obtained when adding a new Substrate subchain from the CRUD journey, just after adding a substrate node.
It should be noted that this occurs throughout all installer steps... what triggers it is the mystery. However we think it is an issue with the new router.
Could be that the css file for the respective page is not being loaded
TLDR: The raiseToast() function was appending the "toast" as child of svc-app tag and this was messing up the styles, since svc-app needs the "content container" as first child and not the svc-toast element. The correct approach is to append the svc-toast as child of body element.