chris-l / bin-packing-grid Goto Github PK

I need to implement this in A4 size grid, is it possible? so that when i print i got my paper full of images

Hi, thanks for your awesome work.

I'm writing a meteor application with polymer templates (using synthesis).

When using your element in the main.html (directly in the body tag), it works like a charm. However, when I use it in a nested dom-module and include that dom-module in my main.html, it does not. I have already made sure that the bin-packing-grid item has the correct size (not 0x0).

Any input on this? Let me know if I can provide you with further data. I don't have a public meteor host, otherwise I would share a sample. If you can't reproduce it, I'll zip you something.

It throws "TypeError: undefined is not a function (evaluating 'obj.createShadowRoot()') @bin-packing-grid.js:25"

Edit: works with webcomponents.js not with webcomponents-lite.js

“It will try to fit everything and leave no spaces, but in case there are gaps left, it will create div elements to fill them.”

How does this work? Are the items’ dimensions changed in the process. How? CSS scale() transforms?

Great demo, very cool.

I was just thinking that it would be interesting to do a drag and drop feature. Where you grab one block and can decide where to place it. The others would flip away to make space, and then find their own space when you dropped the block.

In my case, it's a very expensive operation to remove the children and add them back again when I want to. Rather than removing them, marking them with the attribute hidden would be an ideal solution.

Check the example http://jsbin.com/holiciy/edit?js,output

With javascript push 1000 elements bin-packing-item nested in your bin-package-grid and only I see ~ 600 or ~ 572 but never I see the 1000 elements

How can I "center-justify" items?

I'm searching for a masonry-like web component now, and a lot of them are Polymer 0.x based... yours doesn't depend on Polymer, which works fine in a 1.0 app.

Unfortunately, seems like it requires rows="N" on all of the elements which makes it kinda pointless. I need to display news articles in a bin-packed grid – I don't know the heights of the elements!