Completed
Last Updated:
23 Aug 2022 13:42
by ADMIN
Release 3.6.0 (14 Sep 2022) (R3 2022)
Paul
Created on:
03 Aug 2022 07:42
Category:
Pager
Type:
Bug Report
Long list of page sizes causes the PageSizes dropdown to overflow the screen
I am using the following list of page sizes for the Pager:
private static readonly List<int?> _pageSizeSelectorItems = new (){ 5, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 40, 50, 60, 70, 80, 90, 100 };The dropdown is not appearing into the correct direction and overflows the screen.
---
ADMIN EDIT
---
A possible workaround for the time being is to set some max height to the inner element of the PageSizes dropdown. You can achieve that with CSS. Thus, when the list is longer, the popup will keep that max height and a scrollbar will appear. For example: https://blazorrepl.telerik.com/mcEiYSFO39g6rfSE36.An important point to take into consideration is that this approach will target other popup elements on the page (if any) as they have the same classes. For, example, if you have a DropDownList component, it will also have max height that you have set with the custom CSS styles. If you want to override that, you can configure the popup settings of the corresponding DropDownList component.
0 comments