Links in tools section to specific category do not work

[derberg]

I try https://www.asyncapi.com/tools#Documentation%20Generators

and I guess it do not take me to proper section because of page load delay

<div class="my-8" id="Documentation Generators"> is in place, so anchor is correct. Although best anchors are without spaces.

so yeah, might be cause by delay of loading the view, something to check and figure out

[aryanas159]

can i be assigned to this issue?

[aryanas159]

I think the issue is caused because the javascript is executing before the DOM is rendered, is setting a setTimeout a good fix for this issue?

[akshatnema]

Hey @aryanas159, you can work on this.

I think the issue is caused because the javascript is executing before the DOM is rendered, is setting a setTimeout a good fix for this issue?

Nope, you should use some better approach to solve this problem. Maybe useRouter and useEffect can help you to scroll down to that heading.

[aryanas159]

Hey @aryanas159, you can work on this.

I think the issue is caused because the javascript is executing before the DOM is rendered, is setting a setTimeout a good fix for this issue?

Nope, you should use some better approach to solve this problem. Maybe useRouter and useEffect can help you to scroll down to that heading.
@akshatnema Thanks for assigning the issue to me.
I have fixed it with useffect and userouter, but the useffect is executing before the DOM is rendered, if I add a delay of 1s it's working fine.

[akshatnema]

What if you can use scroll margin and set it to the heading on which it should render?

[aryanas159]

Untitled.video.-.Made.with.Clipchamp.3.mp4

How does this look?

[akshatnema]

How does this look?

It's fine but it's better that we don't use setTimeout here and also, the scroll margin should be set accordingly, in order to get the heading on the initial render. Heading shouldn't get scrolled above as seen in the video.

[aryanas159]

The issue is that the loading state has a timeout of 1s set to it, so the component is rendered only after 1s, we have to match that delay for scrolling as well.