search

wagtail / wagtail.org

Wagtail’s official marketing website
https://wagtail.org/
66 stars 60 forks source link

Site-wide alert banner animation causes layout shift #401

Open laymonage opened 1 year ago

laymonage commented 1 year ago

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

laymonage commented 1 year ago

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.

zerolab commented 1 year ago

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