sergeyfilimonov/gridsome-plugin-modal

modal visible on build

Spica2 opened this issue · 4 comments

Spica2 commented

with gridsome build the modal was visible on page load (openning the modal removes it), with gridsome serve it was not. Had to include
modal { display: none; }
Is this necessary.

juddlyon commented

Same issue. The modal was hidden on the first page load but showed up on subsequent page loads. I used the display none CSS @Spica2 mentioned and it seems to work okay now.

sergeyfilimonov commented

@Spica2 @juddlyon sorry for my late reply. Could you confirm the issue is still there? I think adding v-cloak param to the modal component might solve the issue.

juddlyon commented

I tried adding v-cloak along with:

[v-cloak] {
  display: none;
}

The modal still showed up so I reverted back to:

modal {
  display: none;
}

I don't think v-cloak works for SSR, I noticed some comments for Nuxt.js where it was stripped out during template compilation.

  • 👍2
Spica2 commented

@sergeyfilimonov : I also had no success with v-cloak. Tried to put it on several points in the component and css. Switched back to display none.

  • 👍1