Sidebar is visible on page load, but starts invisible then expands during load

The sidebar on my page is visible on page load, but the user can expand the main content so the sidebar collapses, and I animate that. Here’s the settings on the sidebar:

However, what actually happens on page load is the sidebar starts off collapsed, then expands, and it makes for a very wonky page load. See my loom video.

The condition for collapsing is the state of a reusable element on the page, but that reusable element state starts off as no, so I don’t think that the condition for collapsing the sidebar would be true at any time during page load.

Why would this be starting off invisible and then expanding in this case?

This topic was automatically closed after 70 days. New replies are no longer allowed.