Is there a way to make the same smooth scrolling/inertial scrolling feature available in spreadsheets as in UWP?

[Shompinice]

Is there a way to make the same smooth scrolling/inertial scrolling feature available in spreadsheets as in UWP?

Right now it doesn't seem to scroll smoothly, but rather it scrolls in skips - not even pixel by pixel.

Inertial scrolling is when you scroll for a while and then continue scrolling automatically, as if there is inertia.

[Santhosh Govindasamy]

Hi Shompinice

We have reviewed the reported scenario regarding the issue of 'Scrolling not being smooth in the spreadsheet.' We tried to replicate the issue by creating a simple sample and checked the behavior on our end. It works as we expected. For your reference, we have attached the sample and a video for your review.

To assist you further, could you kindly share the details of what actions you performed that resulted in the scrolling issue? This information will help us understand the problem better and provide an appropriate solution.

Thank you for your cooperation, and we look forward to your response.

Regards,

Santhosh.G

Attachment: Spreadsheet_Demo_c0aea73d.zip

[Shompinice]

Please check out this video, which shows the difference between the two. You can see that the list on the left scrolls very smoothly, while on the right, only the numbers change without the table moving up.

zip file is here

Attachment: 20240705_110420_e313b29f.zip

[Manikanda Akash Munisamy]

Hi Shompinice,

Thank you for sharing the video demonstrating the scrolling issue. We have reviewed the video but did not observe any performance issues, such as lags, in the scrolling behavior on our end when checked with records in cells.

 

The spreadsheet table moves when the row is scrolled to 100 due to the width increase to accommodate three-digit numbers in the header cell. This change has resulted in altering the entire column. We have attached screen recording for your reference.

 

Could you kindly share the details of what you are mentioning as not smooth? This information will help us understand the problem better and provide an appropriate solution.

Thank you for your cooperation, and we look forward to your response.

Regards,

Manikanda Akash M

Attachment: Scrolling_with_records_adb07538.zip

[Shompinice]

Yes, it has no performance issues, but does it make the scrolling "look" smooth and fluid like the window on the left?

Do you understand what I mean? Because of the animation, the list on the left looks like it keeps moving up in the window, while the list on the right looks almost frozen (even though the numbers are changing).

This is not the behavior that users expect. Users should expect the behavior to be like the window on the left, with a corresponding animation when the list slides up.

[Shompinice]

Any update?

[Manikanda Akash Munisamy]

Hi Shompinice,

Thank you for the clarification. We have reviewed your requirement regarding the scrolling behavior.

Upon further investigation, we found that this scrolling behavior is consistent with how Microsoft Excel operates. While the UI may appear frozen during scrolling, it is actually functioning correctly, with the rows being scrolled as expected. We have attached a screen recording for your reference.

If you have any further questions or need additional information, please don't hesitate to reach out.

Regards,

Manikanda Akash M

Attachment: Spreadsheet_Excel_Comparision_e24c0e98.zip

[Shompinice]

功能请求，可以为该控件引入平滑滚动吗？/或者我该如何做到这一点？

我理解，因为我是一个 Excel 用户。

在 Win32 中，我们引入了逐行滚动的概念。

后来我们引入了逐像素滚动的概念。

后来又引入了惯性滚动和平滑滚动，使得滚动看起来非常自然，不再卡顿。

UWP 应用程序的一大优势是其滚动视图具有平滑滚动功能，无需开发人员进行任何额外工作，因此我提出了此功能请求。

[Manikanda Akash Munisamy]

Hi Shompinice,

Thank you for reaching out with your feature request. We appreciate your suggestion.

Before we proceed further, we would like to confirm what you mean by 'smooth scrolling' or 'inertial scrolling'. We have tested scrolling via touchpad with 1000 rows, and it scrolled perfectly as expected. Could you please review the attached video and confirm if this matches your request?

 

Let us know if you have any additional feedback or questions.

 

Regards,

Manikanda Akash

Attachment: Inrtial_Scrolling_with_records_ad9a4b74.zip

[Shompinice]

In the first example (Folder Options dialog box), line-by-line scrolling is used. Each time the wheel is turned, three lines are scrolled. There is no animation, which looks very stiff.

In the second example (Google Chrome, showing http://x.com), pixel-by-pixel scrolling is used. Each time the wheel is turned, it scrolls a certain distance, but there is a coherent animation.

In the third example (WinUI2 Gallery, showing ListView), a slow-motion animation of the scroll is added, and then I show the slow-motion curve of WinUI in figma. This makes the start and stop of scrolling more like the real physical world, and objects have inertia.

From line-by-line scrolling, to pixel-by-pixel scrolling, and then to adding slow-motion animation to pixel-by-pixel scrolling, the third case is called smooth scrolling;

Slow-motion animation means that the scrolling stops and starts with inertia similar to the real physical world;

Among them, the continued scrolling of slow-motion animation (for example, after scrolling a certain distance on a touch screen, even if the finger leaves the screen, it still scrolls down, which is called inertial scrolling).

Attachment: 20240710_100305_190c9133.zip

[Manikanda Akash Munisamy]

Hi Shompinice,

As we mentioned in our previous update, we support both line scrolling, where six lines are scrolled for each wheel turn, and inertial scrolling when using a touchpad. We have attached a video reference demonstrating both line-by-line scrolling and inertial scrolling. If this is what you are referring to, please note that we already have support for these features. 

Could you please confirm if you are using touch mode for your scrolling, or if there are any other methods you are utilizing? This will help us ensure we provide the most accurate assistance.

Regards,
Manikanda Akash

Attachment: Line_Scrolling_Inrtial_Scrolling_368fdb3c.zip

[Shompinice]

I mean, there is no need to scroll line by line (six lines in a circle),

--even the scroll wheel uses pixel-by-pixel scrolling

[Shompinice]

The screen recording tool you use should be set to 60fps, otherwise you can't tell the difference between line-by-line scrolling and pixel-by-pixel scrolling from the video.

[Shompinice]

Any update, please？

I mean, there is no need to scroll line by line (six lines in a circle),

--even the scroll wheel uses pixel-by-pixel scrolling

and, The screen recording tool you use should be set to 60fps, otherwise you can't tell the difference between line-by-line scrolling and pixel-by-pixel scrolling from the video.

[Manikanda Akash Munisamy]

Hi Shompinice,

Thank you for the update. We would like to confirm that Syncfusion supports line-by-line scrolling, pixel-by-pixel scrolling, and inertial scrolling in UWP SfSpreadsheet.

 

We have prepared videos in 60fps that demonstrate line-by-line scrolling (performed using the mouse wheel), pixel-by-pixel scrolling, and inertial scrolling (both performed using a touchpad). You can view these in the attached video reference.

 

Could you confirm if this matches the type of scrolling support you are expecting, or if there are any other methods or features you need assistance with?

Regards,

Manikanda Akash M

Attachment: Scrolling_in_60fps_52cf7812.zip

[Shompinice]

How can I turn off line-by-line scrolling? I need to enable pixel-by-pixel scrolling in all states (regardless of whether you use the scroll wheel or the trackpad)

[Manikanda Akash Munisamy]

Hi Shompinice,

We have analyzed and considered your requirement of "Smooth Scrolling support in UWP SfSpreadsheet" and logged a feature request for the same. We will implement this feature in any of our upcoming releases.

 

At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. We appreciate your patience until then.

 

Thank you for requesting this feature and helping us define it. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.

Feedback link: https://www.syncfusion.com/feedback/59472/smooth-scrolling-support-in-uwp-sfspreadsheet

 

If you have any more specifications/suggestions for the feature request, you can add them as a comment in the portal and cast your vote to make it count.

 

Regards,

Manikanda Akash M