Anchor links shift after Mermaid diagrams render #6041
jeff-matthews
started this conversation in
Bugs & Feedback
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
On pages with Mermaid blocks above the target heading, hash-link navigation appears to scroll correctly at first, then shifts after the Mermaid content finishes rendering.
Repro
Open:
https://bloodhound.specterops.io/opengraph/extensions/manage#install-an-extensionExpected
The page should stay anchored to
#install-an-extensionafter load completes.Actual
The browser initially lands on the correct heading, then content above it renders and pushes the heading downward.
Suspected cause
Mermaid diagrams above the anchor target are rendering after the initial hash scroll, causing layout shift.
Notes
This page has three Mermaid blocks before
### Install an extension, so it’s a reliable repro.This may affect any Mintlify page where Mermaid appears above an anchor target.
Beta Was this translation helpful? Give feedback.
All reactions