I have pagination in place with the option to define the number of records per page. I have placed this below of the table, at the bottom of the page. But when I want to select a different number of records to show, the dropdown goed below the screen and I need to scroll. How can I solve this?
In another (React) example I noticed different behaviour of the drop down based on scroll/page position.
And when this input select is at the bottom the dropdown moves to top.
I succeeded by using the hover drop down menu element. The content sub-element can be positioned on top of the select field, using the absolute option.
In the content element I added 3 text elements (10, 25, 50) each triggering a workdlow on click that sets a limit variable, updates the limit of the paginator variable and sets the paginator back to page 1. Works like a charm.
