Fractions, first impression

[miyconst]

Continuation to https://github.com/Juicy/juicy-tile-grid/issues/8

1. Min width of a dynamic parent container is set to the width of window. If a layout should work with screen size 1000px - 2000px, I have to manually resize window to 1000px and then apply layout.
2. Sometimes I want to resize window to check how the new styles work. After window size increased and styles recalculated the min width of the parent container is set to the current width.
3. Somehow not clear behaviour with flexible tiles:

Why do the first and the third tiles change their size?

[tomalec]

1. Should be handled by RWD range picker,
2. It seems like a bug, by recalculated, do you mean that refresh method is called?
3. Are there any other tiles below?what is the initial container size for both, what is the gutter?

[miyconst]

1. Okay.
2. I did not check the code yet, but this happens when I resize window and then click on a tile. If reduce window size right after increasing then it works fine.
3. Yes, there are some other tiles after those three, the width of the container is auto, the gutter is 25. See the picture:

[tomalec]

• 2 - Could you show it on hangout?

• 3 - So most probably the lowe tiles affect grid column size, as they also have fix/flex sizes, we need to compromise, plus as the the gutter is fixed, then for example fixed size space between 4 and 5 makes that part of 0 also fixed - and that affects proportion between 0 and 1.

  In more details, if you have 5 tiles (A,B,C,D, and the space is a gutter):

  AAA BB
  C D  EE

  and to simplify things, all tiles are flexible, each column, is 100px, gutter is 100px as well. then column setup would be: 100fr 100px 100fr 100px 200fr therefore, if you re-size the element the size ratio A:B will be (200+100px):200 not 300:200.

  To keep the ration 300:200 you would need either remove C,D, and E, or wrap A and B within a "tight group" (not implemented yet, but planned)

[miyconst]

• 2. Sure
• 3. I made a mistake on the image, the first tile is 50%, not 250%.

After your explanation, I still don't understand why 50% + 25% + 25% equals to 50% + 250px + 25% when 250px is less than 25%.

[tomalec]

why 50% + 25% + 25% equals to 50% + 250px + 25% when 250px is less than 25%.

It does not,as there are no columns with such sizes. Could you show me sizes of other tiles?

[tomalec]

@miyconst Is there anything left, that requires further explanation/changes/are there any features missing?

Can we close this issue?

[miyconst]

Yes. I close this issue, and will create new if something comes up.