vue-responsive-grid-layout icon indicating copy to clipboard operation
vue-responsive-grid-layout copied to clipboard

Unstable performance when using Nuxt 3

Open SamGeens opened this issue 2 years ago • 3 comments

Hi,

Thank you for this library! This seems like a nice improvement of vue-grid-layout with new functionalities and active development. However when using with Nuxt 3 the performance doesn't seem to be as stable as in your examples.

With the vue-grid-layout I could also install the library as a plugin which doesn't seem to work with this one.

Example of plugin usage with vue-grid-layout:

import VueGridLayout from 'vue-grid-layout';

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueGridLayout);
});

Expected Behavior

Stable drag and drop functionality when using Nuxt 3 like in the examples.

Current Behavior

Unstable behavior when using this library in Nuxt 3. Just like in issue #10. Hopefully this will also be resolved in the next release like said in issue #10

Failure Information (for bugs)

https://github.com/gwinnem/vue-responsive-grid-layout/assets/56310463/cc923642-0fb5-427f-93d8-b337a26aa4ef

Steps to Reproduce

The behavior can be seen in this codesandbox.

SamGeens avatar Sep 24 '23 14:09 SamGeens

Hi Sam. Can you send me a zipped project with nuxt so I can speed up the work on this issue. My email is on the front of my profile.

Regards

Geirr

gwinnem avatar Oct 02 '23 09:10 gwinnem

Of course! I'll do that right away!

SamGeens avatar Oct 02 '23 11:10 SamGeens

Even on example website here https://vue-ts-responsive-grid-layout.winnem.tech/examples/01-example it does look like a bug to me.

https://github.com/gwinnem/vue-responsive-grid-layout/assets/70148117/a0f67ea0-9d9e-4c03-a4c4-3fbfe1457465

Mac Ventura, Chrome latest.

oneart-dev avatar Feb 19 '24 15:02 oneart-dev