Suspend in gatsby

[vsolanogo]

I have a very complicated form on the very bottom on each page of my site and i want to load all js code related to this form only when user scrolled to it, before that just display ssr HTML, how i do it in gatsby?

[xaverfleer]

Have you considered using the Intersection Observer API?

The API is designed for use cases like yours.

[vsolanogo]

Have you considered using the Intersection Observer API?

The API is designed for use cases like yours.

i even use it) but i need to disoplay html with styles but js code load on intersection

[xaverfleer]

Hmm.. sounds like an XY problem.

Why do you want to load all js code [...] only when scrolled to it? Are you trying to improve performance?

[wardpeet]

This phenomenon is called partial hydration where the whole HTML is sent with the network request but javascript for pieces below the fold are postponed.

We'll look into this in the near future but we haven't started the exploration phase yet.