FormKit element breaks page when using NuxtPage with page transition in Nuxt 3.9 about formkit HOT 10 CLOSED

I think this is just because your page does not have a root element.

from formkit.

I think this is just because your page does not have a root element.

Oh. Could you point out where I am missing a root element? Both app.vue and index.vue has a single div at the root which I thought would be enough.

app.vue

<template>
  <div>
    <NuxtPage />
  </div>
</template>

index.vue

<template>
  <div>
    <h1>index</h1>
    <FormKit type="text" />
  </div>
</template>

from formkit.

When i originally went to the page there was no <div> wrapper in your index.vue. With that in there do you still get errors?

from formkit.

@justin-schroeder Yes, I receive the error with the current reproduction repo.

from formkit.

@Gardamuse I see that now too. I think this is now addressed in the @next tag of @formkit/nuxt.

from formkit.

ok, actually delay on that 😂 more bugs to fix there....

from formkit.

Ok this is resolved with [email protected] which is now on the @next tag of @formkit/nuxt

from formkit.

Facing the same issue even though I'm using @formkit/nuxt with the next tag. Here is a minimal reproduction

from formkit.

@root5427 yep, there were still some issues, try again with the latest version of next (1.5.0-6a47acc) and it should be working better.

from formkit.

Great, thank you! I can confirm that it works for me now using the next tag!

from formkit.