Site-wide alert banner animation causes layout shift

Open laymonage opened this issue 2 years ago • 2 comments

The animation for the site-wide alert banner causes layout shift on initial load. This isn't a big issue when browsing the website, but it becomes jarring when you're using the preview panel while editing a page:

https://github.com/wagtail/wagtail.org/assets/6379424/f6594c4e-c051-4c13-b28c-77c1d63d0c26

Aug 25 '23 10:08 laymonage

Looked into this but I couldn't find a good way to fix it, as the banner is loaded via AJAX.

Tried adding a scrollBy which seems to reduce the issue on the website, but actually causes issues on the preview panel.

Aug 25 '23 12:08 laymonage

one way around it is to disable it for previews...

Aug 25 '23 14:08 zerolab