I can not scroll the grid section to view the third row when I expanded 1200px for a grid row

[gusbemacbe]

Hello,

1. Select for 1fr for first grid row.
2. Select for 1200px for second grid row.
3. Select for 300px for third row.
4. Try to scroll the grid section to view the third grid row.

[patak-dev]

Thanks @gusbemacbe, we are going to tackle this one as part of v2 Not too long til it's released :)

[gusbemacbe]

Any news?

[patak-dev]

Releasing v2 is taking longer than we expected, we want to be careful with changing the app since there is a lot of users right now. But I hope we can release it soon.

[userquin]

@gusbemacbe since you are using fixed size you also need to increase the width on the Area box at bottom of left menu. I think what you need, cannot be done here since the editor area has a fixed size on screen and so you need to increase the width and/or the height of the area editor on Area box.

@patak-js maybe we need to add some hint in the docs about using fixed units (px, em, rem missing?) readwhat I've tested.

I'm testing with the width and the heigth configured to editor area in the code, since we are setting to editor area the configuration provided by the user, we cannot set or remove the width and the height of this editor area at the same time.

For example, if I configure 1fr 1200px 300px to columns specs and remove width and height in code, then it works with the default width on Area box => the scrolls appear and we can see it working. But if I just configure the width to 2000px just stop working.

In the other hand, with the provided example, if I configure the width to 2000px, it works with current code (setting the width and the height properly on Area box).

[patak-dev]

Thanks for digging into this @userquin, I thought there was something broken with the CSS for the editor but you are right here. Looks like we introduced this regression when we start using 100% for the width and height of the main area. This simplified some things but looks like we need to return to the previous values for this to work.
So, probably the best way forward is to set width and height defaulting to "initial", and in the gridAreaStyles use min-height and min-width of 100% if it is initial and then check that the code exports still works as expected. We'll need to check what is better here.

[patak-dev]

This should be fixed now. Deployed to https://grid.layoutit.com (wait for the refresh to see it, and you may have to press reset to make this one work)
Thanks again for the report and for digging into this issue. Let me know if something looks off to you.