Content shifting when opening and closing lightbox

[neptunian]

Due to this recent commit:
99f54ed

The defaultProps prop is being defined incorrectly and therefore
if (this.props.preventContentJumping) {
will evaluate to undefined/false and content will shift instead of defaulting to not shifting.

[neptunian]

See pull request #8

[jorrit]

A work around is to set the prop explicitly.

[neptunian]

@jorrit yes but would require the user to modify the Lightbox.js source file.

[neptunian]

@jossmac can we get this published on npm please :)

[gtwilliams03]

I have this same issue. Layout in react-photo-gallery looks great on load (I am also using a Lightbox). Clicking on an image opens the Lightbox and I can see the layout through the overlay still looking nice. Then I close the Lightbox and the scroll bar breaks the layout and the images wrap to the next row. If I reopen the Lightbox, the layout in react-photo-gallery looks normal again.

[gtwilliams03]

OK - I had a container div with a percentage width <div style={{ width: '96%' }}> and the disappearance and reappearance of the scroll bar was breaking the layout. I changed the width: '96%' to width: '96vw' and the layout stays intact. Passing this along in case it helps someone.