vue3-dragable-grid-layout
vue3-dragable-grid-layout copied to clipboard
melrose13-69
Gridlayout prop "i" should accepted also strings
the "i" property is only accepting a number, but it should also accept strings (like a guid)
@melrose13-69 the "i" maybe a uuid/guid , it should also accept string
@melrose13-69 using a valid UUID/GUID as an identifier is a common use case and should be supported, so I don't think this ticket should be closed.
If there is a solid reason to i be a number, then maybe add a custom or metadata object that can hold user-defined data for each GridItem.
I'm also facing the same issue, i would like to use uuid as identifier if there's no reason to keep it only as number.
Same issue here. I really need UUID to be supported, otherwise I need to figure out how to make UUID to unique number that can be reproduced every time.
You can try this https://www.npmjs.com/package/vue-ts-responsive-grid-layout which supports both string and number.
@gwinnem I've tried it, but for some reason it messed up my styling. All display: flex elements are in reversed order. I haven't spent much time, but it's pretty strange and it may be that it imported css on it's own.
Try adding any flex element to GridItem with multiple children, they are going to be in reversed order.
@eboye Can you send me the code where you are adding the GridLayout and GridItems and also the css you are using
@gwinnem I'll try to replicate the code in some isolated environment as the code I'm applying it to is not for public eyes :D and uses a tons of directives etc. which could not be easily placed in gist or something like that.
But basic concept is that it's inside of display: grid and inside of widget there are display: flex; flex-direction: row and for some reason it acts like it's row-reverse. Can't catch where it messes things up.
@eboye Hi, it sounds like it is something in your styles that it is causing this. Without any code to debug this is impossible for me.
