Topic jumps / jerks when loading in browser

[scap]

In a tri-pane output, clicking a topic in the side menu loads the content in the main window, but always with a fast jerking motion when loading.

This happens in every project, even a default Flare project, in every browser.

It looks awful, any idea how to prevent it?

[scap]

A fair bit of troubleshooting later I've identified the build-generated Topic.css skin stylesheet in the Output > .. > Skins > Default > Stylesheets folder as the culprit.

Specifically, the height-container style therein.

Code: Select all

.height-container
{
	/* just to contain top margin of element inside */
	padding-top: 0.1px;
	position: relative;
	box-sizing: border-box;
}

Changing the padding-top value from 0.1px to 0px stops the jerking.

Anyone any idea what if anything this hack might break in the output? The comment "just to contain top margin of element inside" isn't particularly clear.

[scap]

On further investigation, that only works as long as there are no breadcrumbs.

The problem persists when loading any page with breadcrumbs.

[doloremipsum]

I don't know anything about this really so just spitballing - I wonder if you can fix the breadcrumb container to a specific height? It looks like the jump is happening while the breadcrumbs are loading in, so maybe if you fixed the container height it could load the breadcrumbs without moving things about on the page.