Overflow child components

[daimagine]

Hi again,

I found an issue today. I use a sidebar for navigation and ReactInfinity is in content side on the right side.
In mobile view grid displayed correctly, grids divide evenly and fill the screen correctly.
But in desktop mode, the grid is overflowed onto right side so the rest of child component is not shown or clipped.

this is my gist https://gist.github.com/daimagine/e5e11a3a85118f6b5d9c

Please help me find what is wrong with my grid
Best regards,

[nmn]

@daimagine This is a known bug, React-Infinity expects to be full width when being rendered. There is probably a simple workaround, I will get back to you with that.

[nmn]

Can you wait for one day, this is a simple bug-fix, I'll fix it later today? So that you can stay prepared, you will need to write a function that returns the width and height of the available viewport for React-infinity.

The function will look something like this:

function getSize(){
  return {
    width: window.innerWidth - sideBarWidth,
    height: window.innerHeight
  }
}

After I fix this bug, React infinity will let you pass this function as an optional prop.

[spo]

Any updates on this? Is it possible to place my elements inside a container? How can I set a div container for React-Infinity?

[nmn]

Fixing this caused a bigger re-write. In-progress. Sorry, can't give a very good ETA.