dantrain / react-stonecutter

Animated grid layout component for React
http://dantrain.github.io/react-stonecutter
MIT License
1.21k stars 72 forks source link

First element disapear #27

Closed LaurianeAnthony closed 3 years ago

LaurianeAnthony commented 7 years ago

Hi,

I have an issue with react-stonecutter because the first element of my list disappear when the screen is lower that 400px. It add a <!-- react-empty: 2967 --> instead.

See below which parameters of react-stonecutter I use.

const Grid = makeResponsive(measureItems(CSSGrid, { measureImages: true }), {
  maxWidth: 1920,
  minPadding: 100
});

        <Grid
            component="ul"
            columns={5}
            columnWidth={300}
            gutterWidth={10}
            gutterHeight={8}
            layout={layout.pinterest}
            duration={800}
            easing="ease-out"
            className="cards list_styled-none"
          >
            {ids.map((id, key) => (
              <li key={key} className={roles[id].children.length > 0 ? "card_container card" : "card"}>
                <Card role={roles[id]}/>
              </li>
            ))}
          </Grid>

Thanks for you help!