Position left to all elements is 0 when first element is wider than other

[DmitryTurovtsov]

Everything the same except position of wide element in array. Masonry is initialized but work incorrect. All elements have position-left 0...

Hope for quick reply. tnx)

[afram]

Hi @DimaNodeJs

Which version of react-masonry-component are you using?

Still at work right now, will do my best to look at this tonight with you.

[afram]

Can you please paste up a simple reproduction of this issue on WebpackBin?

http://www.webpackbin.com/

[DmitryTurovtsov]

@afram "version": "5.0.3"

import React from 'react';
import GridItem from './item';
import classnames from 'classnames';
import Masonry from 'react-masonry-component';

const Grid = ({ items, masonry }) => {
  const masonryOptions = {
    transitionDuration: '0.6s'
  };

  if (items.length) { items = items.map(GridItem) }

  return (
    <div className={classnames('b-grid', {[`b-grid--masonry`]: masonry})} >
      { masonry ? <Masonry options={masonryOptions} >{ items }</Masonry> : items }
    </div>
  )
};

export default Grid;

Could it be helpful? it's almost exactly the same code I use. Mb you can find something strange in it and it's not an issue at all)) If not I'll create an example later in several hours.

[DmitryTurovtsov]

I think I had to set columnWidth property equal to smaller item. But there is no information about it in docs(( btw thx for really quick reply and aspiration to help! )

[afram]

no problem. columnWidth would be from Masonry's side. Can I close this now as resolved?

[afram]

closing. Please reopen if needed.