How can I tell Telerik Pager that Page Size and Position Should be Updated?

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Request a Feature Report a Bug

Unplanned

Last Updated: 13 Mar 2025 11:12 by ADMIN

Joe

Created on: 12 Mar 2025 16:59

Category: Grid

Type: Bug Report

How can I tell Telerik Pager that Page Size and Position Should be Updated?

I have a Telerik Pager within a Telerik Grid. If I select a larger page size within the pager, then select a smaller size and do not scroll, the next time I open the pager, the dropdown portion opens in the wrong place. When I view the inspect tool, it appears that the CSS top value is not being updated when changing page sizes from bigger to smaller. Is this a Telerik limitation with the pager?
In the images, we select items per page from 10 to 25, and then we go immediately from 25 to 10 items per page. Without scrolling, we click into the drop down list again and we are able to replicate this issue.

Before: Items per page: 10 -> 25

After:

Thank you in advance.

5 comments

ADMIN

Dimo

Posted on: 13 Mar 2025 11:12

@Anislav - thanks for this note, I added it to our internal GitHub issue too.

Anislav

Posted on: 13 Mar 2025 10:07

Actually, I was able to reproduce the issue on my end, but only when zooming in. I also believe that the display scaling setting plays a role in this. Here’s how I was able to reproduce it:

On my 16" laptop monitor, I had to zoom to 110% to see the issue when the display scale was set to 125%.
On my 20"+ desktop monitor, I had to zoom to 150% to reproduce the issue when the display scale was set to 100%.

ADMIN

Dimo

Posted on: 13 Mar 2025 09:00

Hello Joe,

Thanks for the screenshots and detailed steps. I have converted the forum thread to a public bug report.

Possible workarounds include making sure that the PageSize dropdown doesn't open upwards:

Set a fixed height to the Grid, so that it doesn't reach the bottom of the page.
Add some empty space below the Grid, so that the user scrolls further down and it's less likely for the dropdown to open up.

On a side note, the bug itself is in our DropDownList component, but I am leaving the Grid here.

Regards,
Dimo
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Joe

Posted on: 12 Mar 2025 23:50

Hi Anislav,

I am able to reproduce the issue on the REPL that you have attached.

Steps to reproduce (make sure your browser zoom is set to 100% as I've noticed sometimes it doesn't occur when zoomed out):

Set to "All" items per page
Scroll all the way to the bottom
Do not scroll again
Set to "15" items per page
Open the pager dropdown again
Should be floating in space

This is reproduceable on Chrome and Edge. Have not tested other browsers.

Anislav

Posted on: 12 Mar 2025 18:43

Hi Joe,

I am unable to reproduce your issue. Here is a REPL with my attempt: https://blazorrepl.telerik.com/cpkRvwFC42CEkFvP52 . There may be something specific in your code causing the problem. Could you please share a code snippet or create an example that reproduces the issue?

Regards,
Anislav Atanasov