Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Nuxt/SSR Support

See original GitHub issue

Hi, I understand that Tippy is a client library, but I think the Vue component should support server-side rendering.

Currently, if I use the <tippy> component, the slot.default get rendered on the server-side and the slot.trigger. Only the slot.trigger should be rendered on the server-side as the trigger doesn’t require Window/Document access, unlike the tooltip which need it for positioning.

2021-04-27 15 13 25

To prevent this, I can wrap the component in a <client-only> tag, but then the trigger is not rendered on the server-side, which is odd because you see it appear after the page is server by Nuxt.

2021-04-27 15 16 24

Issue Analytics

State:
Created 2 years ago
Comments:10 (1 by maintainers)

Top GitHub Comments

2reactions

mrleblanc101commented, Aug 12, 2021

Still an issue. Can this be reopened ? This would be a nice upgrade for v6 which is in alpha currently.

1reaction

mrleblanc101commented, Feb 28, 2022

@KABBOUCHI Could @jaulz merge request be backported to the v4 version of the plugin for Vue 2 user ? I’m using Vue-tippy in a Nuxt 2 project which is Vue 2 only.