Improve scrolling in the table

[harshit078]

Bug Description

• In Tables, when scrolled the animation is not smooth and always snaps to cursor to follow it instead of making a smooth transition
• This is very noticeable in mobile and can be frustating at times as if the user wants to read the value of first column then it is quite difficult to adjust the scoll accordingly

Current Behaviour

Screen.Recording.2024-10-09.at.12.38.12.AM.mov

Screen.Recording.2024-10-09.at.12.38.32.AM.mov

Expected behavior

A smooth transition should be occupied when scrolled

[Bonapara]

/oss.gg 300

[oss-gg]

Thanks for opening an issue! It's live on oss.gg!

[01vishu]

/assign

[oss-gg]

Assigned to @01vishu! Please open a draft PR linking this issue within 48h ⚠️ If we can't detect a PR from you linking this issue in 48h, you'll be unassigned automatically 🕹️ Excited to have you ship this 🚀

[PremPrakashCodes]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[Fahad-Dezloper]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[ydhiman20]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[shailjayadav30]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[oss-gg]

@01vishu, Just a little reminder: Please open a draft PR linking this issue within 12 hours. If we can't detect a PR in 12h, you will be unassigned automatically.

[Anky9972]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[vamsi4845]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[oss-gg]

@01vishu, Just a little reminder: Please open a draft PR linking this issue within 12 hours. If we can't detect a PR in 12h, you will be unassigned automatically.

[charlesBochet]

/unassign

[oss-gg]

Issue unassigned.

[yashkhokhar28]

/assign

[oss-gg]

Assigned to @yashkhokhar28! Please open a draft PR linking this issue within 48h ⚠️ If we can't detect a PR from you linking this issue in 48h, you'll be unassigned automatically 🕹️ Excited to have you ship this 🚀

[Rajan3208]

/assign

[oss-gg]

This issue is already assigned to another person. Please find more issues here.

[Khaan25]

/assign

[oss-gg]

Assigned to @Khaan25! Please open a draft PR linking this issue within 48h ⚠️ If we can't detect a PR from you linking this issue in 48h, you'll be unassigned automatically 🕹️ Excited to have you ship this 🚀

[Khaan25]

Here's a preview of the improved smooth scrolling in the table.

2024-10-15.11-04-01.mp4

[Khaan25]

@Bonapara @harshit078

[Bonapara]

Thanks @Khaan25! I think the left column should not move, can you fix that?

[Khaan25]

Actually, on mobile devices, it's moving because we don't want first column to have full width.

On desktop it's not moving.

[Bonapara]

To clarify, I think it's fine that the cell width is reduced. What looks strange is the spacing around the checkbox, which seems to move as well.

CleanShot.2024-10-15.at.09.48.44.mp4

Only the column width should move, not the spacing inside the cell

[Khaan25]

Yeah. I'm fixing that - I think it's due to position: sticky but I'll have a look

[oss-gg]

@yashkhokhar28, Just a little reminder: Please open a draft PR linking this issue within 12 hours. If we can't detect a PR in 12h, you will be unassigned automatically.

[Khaan25]

Here you go: @Bonapara

2024-10-16.09-06-19.mp4