Feature: White blank space issue when resizing internal UI component (on right side)

[veerbal1]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'dashboard/transactions' & 'dashboard/accounts'
2. Decrease right section width as minimum as possible - using resizable button
3. Now try to scroll horizontally.
4. See window get white blank space on right side and causing scrolling on x-axis

Expected behavior
It should not scroll when we decrease width using resize button our internal UI components

Screenshots

Desktop (please complete the following information):

• OS: MacOS Intel Chip (Viewport 1440x900)
• Browser: Arc

[Codehagen]

Ahh, yeah thats a problem! We need to look into it. Thanks for the headsup ✨

[codingsagar]

Hey, I will be happy to work on this. Can you please assign this to me.
@veerbal1 will you be working on this ?

[Codehagen]

So im assigng it to you both. If there is something please contact me :)

[codingsagar]

Sorry I accidentally unassigned this task to me. Please reassign it, I am starting to work on this. Thanks !

[veerbal1]

@meglerhagen Please check the PR and the code changes. It was working good on my side. Kindly test on your side if possible.

[Codehagen]

Hello @codingsagar - Could you check the PR to see if the issue was solved at your end? Could not replicate the error.

[codingsagar]

Sure, I'll check the PR. Will get back to you soon.

[Codehagen]

Nice, tell me when you have checked 👍

[codingsagar]

Hey, I tried a lot to replicate the error on my machine too but couldn't replicate. Tried with the same display size (1440x900) in the dev tools which was given in the issue itself and even tried to change machines resolution. Everything is working fine and responsive as much as I checked. Maybe this has to do something with the Arc Browser because of it there might be some issue.

[Codehagen]

I also think the Arc browser is the problem @codingsagar. Can you try with another browser @veerbal1 ?

[veerbal1]

I tested the live link https://projectx-eight-gilt.vercel.app/dashboard/transactions on Chrome, Mac Safari, Firefox and Arc browser. The scrolling issue exists in all browsers except Firefox.

Chrome -

Screen.Recording.2024-01-24.at.11.59.53.AM.mov

Mac Safari -

Screen.Recording.2024-01-24.at.12.02.44.PM.mov

Arc -

Screen.Recording.2024-01-24.at.12.06.48.PM.mov

Firefox was OK

After fixing in this PR #73

Screen.Recording.2024-01-24.at.12.09.22.PM.mov

Screen dimensions -

[codingsagar]

Hey @meglerhagen I again tried to replicate the error on Microsoft edge and I could now replicate the error. Previously I was using firefox in which its working fine. I checked the PR and after testing on my machine too its working fine. I think we can merge the PR.

[Codehagen]

Thank you, merging now then @veerbal1 @codingsagar ✨