Juicy / juicy-tile-grid

Masonry-like Custom Element for sortable tiles that packs efficiently without changing HTML structure (changes CSS only), and adapts it to CSS Grid Layout. Extended renderer for juicy-tile-list.
http://juicy.github.io/juicy-tile-grid/
MIT License
8 stars 1 forks source link

Think about drag'n'drop #32

Open tomalec opened 8 years ago

tomalec commented 8 years ago

There is recurring question about drag'n'drop features of our grid.

The obvious reasons to have it are:

  1. This is extremely intuitive to arrange things in 2d space,
  2. Other anyhow advanced grid systems have it.

The problems our system has:

  1. We do not attach items to a grid, we build grid out of items - We provide a setup for each independent tile or group of tiles, unaware of the others,
  2. The only way to suggest position of an element using setup/config is one-dimensional priority.
  3. Responsive, adaptive, often, already stretched CSS Grid is harder to :
    1. re-calculate than absolute positioned
    2. intuitively understood by human eye, when re-arranged

The only existing example that we could compare to, or get inspired by, that I have found is http://packery.metafizzy.co/, but only with 'ridiculous' case. Which in my opinion even if looks fancy, and has only problem number 2, is also quite non-intuitive, confusing and flickering.

@warpech, @miyconst WDYT?