search

webiny / webiny-js

Open-source serverless enterprise CMS. Includes a headless CMS, page builder, form builder, and file manager. Easy to customize and expand. Deploys to AWS.
https://www.webiny.com
Other
7.32k stars 602 forks source link

CMS / Page builder / Form Builder List view CSS error #3013

Open Lambda-Y-KeyGlee opened 1 year ago

Lambda-Y-KeyGlee commented 1 year ago

Version

5.34.2 but went as far back as 5.32.0

Operating System

Mac

Browser

Chrome

What are the steps to reproduce this bug?

Create 11+ items in either resource (We used the CMS one)

on a monitor where the pixel height exceeds 1080p (I'm currently using a 2,160 pixel height monitor (4k)) reload the page with all 11 items created

Although 11 items are created, it only loads 10 items. On 1080p monitors there is room to scroll up and down to load more Entries but because the monitor height is larger than the view window

image

it cannot load more resources unless the user shortens the height of the window to be able to scroll up and down to then be able to load more items due to the Front end action of loading more resources when scrolling all the way down

image image

Then going back to the max window height of the screen can there be more items to load in

image

Notice how it went from 10 items to 13 items because it loaded more items

What is the expected behavior?

It should load 10 items or max(10,n) many items that are available based on how hight my screen is

What do you see instead?

It only loads 10 despite the size of my window

Additional information

No response

Possible solution

Add a pagination button or some action to load more resources instead of relying on the scroll feature. Possibly create the button below the last item that is out of scroll range but still available if its in view

Lambda-Y-KeyGlee commented 1 year ago

Found out this was a duplicate issue https://github.com/webiny/webiny-js/issues/2781