A blank background is showing after scrolling

[arg387]

Bug Description

Horizontal Scroll is not working properly. Background is inconsistent(It doesn't look good).

Expected behavior

Horizontal Scroll should work without clicking tags in the table. Background should be consistent.

[Bonapara]

Hi @arg387, thanks for raising this issue! Can you provide more details to help us reproduce the bug? For instance, why do you have menus open when you scroll right? What actions did you take beforehand?

[arg387]

I am going to make a gif to show what have i done? wait for 5 min demo.twenty.com i have opened this link first. wrong one sorry. Any way you can check now.

[arg387]

it is a long video (5 min maybe) with voice. Check that. https://drive.google.com/file/d/16fghq3LXvcyv2r7Glz9OZ95Yz6Wcsszg/view?usp=drive_link

[arg387]

https://drive.google.com/file/d/135Fd1TURcoxiLoXlQ4D7EhHxzgFLKCHM/view?usp=sharing this is the extension of the video. This one is showing more inconsistancy. These are all the actions i have taken. I have done the recording without any headphones. so there may show some issue in the voice. 😅😅 Gif of second video.(First video cannot be converted into because of large size so i am going to slice some part and make gifs using them) a small portion of the first part

[Bonapara]

Thanks for the video. Could you provide a brief written summary on how to reproduce the issue in the description, so people can understand it at a glance?

Something like Boheus on https://github.com/twentyhq/twenty/issues/8104

[arg387]

This is going to be a long summery because i have found two more problems(maybe ).

1st Scenario:

• Log in(using any random email other than the one given in demo)
• Go to Companies tab
• Go to right side of the screen and click the "option" button
• Click the fields option and unhide some fields there
• Click the last field of the right side(in the table head) , now a horizontal scroll will show at the bottom of the webpage.
• Click the scroll and try to move it to the right

Actual:

• A black(blank) background will show at the right side.

Suggestion:

• The background needs to be consistent.

2nd scenario:(new finding)

• Log in(using any random email other than the one given in demo)
• Go to Companies tab
• Go to right side of the screen and click the "option" button
• Click the fields option and unhide some fields there
• press ➡️ button of the keyboard first then ⬅️button of the keyboard

Actual:

• A horizontal scroll will show at the bottom. It is working properly and there is a consistent background is showing.

Suggestion:

• I don't know what to say here.(Add a beginner friendly guide pls for every basic element. Example: how scrolling works in the webpage.)

3rd scenario:(new finding)

• Log in(using any random email other than the one given in demo)
• Go to Companies tab
• Go to right side of the screen and click the "option" button
• Click the fields option and unhide all fields there until the list exceeds the webpage at the bottom part

Actual:

• Now if you try to scroll the options it will not work.

Suggestion:

• Add a way to scroll the long list .

[Bonapara]

Thanks for the detailed explanations, @arg387! I can't reproduce issues 1 and 2. Can anyone else?

[Bonapara]

And I think 3) is referenced here: https://github.com/twentyhq/twenty/issues/6105