mauricius / vue-draggable-resizable

Vue3 Component for draggable and resizable elements.
https://mauricius.github.io/vue-draggable-resizable/
MIT License
3.33k stars 559 forks source link

In Nuxt 3, why is there no resize functionality #402

Open snowman12320 opened 9 months ago

snowman12320 commented 9 months ago

In Nuxt 3, why is there no resize btn functionality ???

https://github.com/snowman12320/test-resize

0chr1-87nyg

taaaaaaak22 commented 8 months ago

@snowman12320 I experienced the same issue, but adding the following CSS made the resize button appear.

<style>
@import "vue-draggable-resizable/style.css";
</style>
ankithedau commented 8 months ago

@taaaaaaak22 @snowman12320 @mauricius I am still facing the issue regarding the resize functionality in nuxt 3. The resizing functionality is not appearing. Let me know if you need more details. image

taaaaaaak22 commented 8 months ago

@ankithedau I have prepared sample code for your reference. https://github.com/taaaaaaak22/vue-draggable-resize-example

スクリーンショット 2024-03-08 2 13 50
ankithedau commented 8 months ago

Thanks it works @taaaaaaak22 🙌

ankithedau commented 8 months ago

@taaaaaaak22 Is there any functionality to avoid collision of components? So currently we can collide more then one component with each other. image

taaaaaaak22 commented 8 months ago

@ankithedau Someone has implemented collision logic. Although it's in Vue 2, it might be helpful as a reference. https://github.com/mauricius/vue-draggable-resizable/issues/146#issuecomment-510870898

snowman12320 commented 8 months ago

@ankithedau

The style tag do not use scoped, which resolves the issue of the resizing functionality not appearing.