Issue with the PageSizeSelector Dropdown (Blazor)

[TurricanDE]

When you resize the browser window (or the grid height on a page reaches the boundaries near the bottom) so there is not enough space at the bottom to show all page sizes in the dropdown, the dropdown closes automatically and it is impossible to select a page size item.

For example set a grid with paging settings and a page size selector with a few items:

PageSizeSelector = new GridPagerPageSizeSelector() { Visible = true, DataSource = new List<int> { 5, 10, 25, 50, 100, 200, 500 1000 } }….

Resize the browser window so that is not enough space to show all the items in the dropdown (or set the grid height on a page to reach nearly the bottom of the browsers window)

It is possible to show the dropdown menu above the page size selector instead when the boundaries are reached like how the Bootstrap dropdowns do?

 

• This topic was modified 2 years, 5 months ago by TurricanDE.

[Yavor Dashev]

Hi TurricanDE,

This behavior is an issue and I have added a work item for this use case and we will work to fix it as soon as possible.

Thank you for showcasing this issue as this helps improve our components constantly!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts