[Display Layout] Grid disappearing when scrolling down (in Edit Mode)

[jvigliotta]

Summary

When editing a display layout, if you move an object down lower and the layout has to scroll, the grid background just stops. Possibly new area being added doesn't have css applied?

Expected vs Current Behavior

Grid should show.

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken?
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug?

Steps to Reproduce

1. Created a dislpay layout
2. Drag an object below the current view, so you have to scroll
3. Grid doesn't continue to that area

Additional Information

[imrishabh18]

@jvigliotta Can I take up this issue? I am new to this will be needing your help with this 😁

[jvigliotta]

hi @imrishabh18! Have you filled out one of our CLA's yet? If not you can follow the steps here: #3821

@charlesh88 is this still an issue? I thought I saw a PR/Issue that was similar?

[depperm]

I've also looked into this and believe I have a fix. I've emailed my CLA in and just waiting access to the repo to push.

[charlesh88]

For clarity:

1. This is not the same as Display Layout snapping grid not displaying while editing #4299.
2. The problem here is that the size of the workspace (conceptually) and therefore the grid holder needs to be infinite. In reality, it's the initial size of the workspace. When a user moves an object beyond the right or bottom edges of the workspace, they effectively "increase" the workspace size - but nothing tells the grid holder this as occurred, and it never resizes.

[khalidadil]

Verified Fixed in Testathon on 11/15/2021

[shefalijoshi]

Verified fixed.

[charlesh88]

Verified fixed Testathon 11-15-2021

[kobe1104]

Verified fixed testathon 11/15/2021.

[davetsay]

when i expand the window horizontally, to the right, the same non-grid behavior exists.

[nikhilmandlik]

created related new issue: #4467