Ideas for v1.0.0 about muuri HOT 6 CLOSED

Ability to use localstorage to save drag position would be nice. Here is a codepen with it functioning with packery.js

from muuri.

That's actually doable already with Muuri. There's no specific localStorage implementation in the core but there's a method for retrieving the items in order (and the elements) with grid.getItems() and also method for sorting the grid with grid.sort(). You could easily modify the demo you provided to use Muuri instead of Packery.

from muuri.

Have you thought of implementing this with CSS grid for layout?

from muuri.

@o-t-w I presume you mean that have I considered using CSS grid as the "layout engine" instead of calculating the layout with JavaScript.

The answer is yes, and no. Muuri's core idea is to provide a way to define the layout with JavaScript, and we're talking about any kind of layout (not just a grid). After the layout is calculated it makes little sense (at least to me) to map that layout to CSS grid properties. It's just faster and easier to set the explicit absolute positions to the elements since we have them already.

That being said, calculating the layout with JavaScript can be a bit taxing on the performance depending on the complexity of the layout algorithm and the amount of items in the layout. So yeah, in that regard I totally see the value of having Muuri's feature set (everything except the layout part) combined with CSS grids. It's a good idea for a Muuri spin-off.

If you have some more specific ideas related to this I'm all ears 😉

from muuri.

I plan to combine Muuri with @simonwep/selection-js, it would be nice to add group drag and drop with selection. This will be useful for the file(image) uploader layout.
https://simonwep.github.io/selection/

from muuri.

@NikitaIT That looks like lovely library that would mix well with Muuri 🙂 Can't wait to see the result if it's going to be publicly visible code.

from muuri.