Document SSR Floating Element Behavior

[endigo9740]

By default, Svelte has SSR enabled. This means that you cannot wrap binded element references with #if statements, as the element will not be contained within the DOM.

We should provide some guidance around this. @Hugos68 suggested:

<div bind:this={elements.floating}>
  {#if floating.isPositioned}
       ...
  {/if}
</div>

But this seems to be affecting the position and stying in an adverse manner, so more research is needed.

References

• https://austencam.com/posts/quick-tip-fixing-initial-position-and-transitions-with-floating-ui

[endigo9740]

Note: this can now be added to the /docs/getting-started page. Let's added it towards the bottom.