[] Journals list menu not scrolling properly when there are too many hosted journals

There is a problem on main Journal list menu when you have too many hosted journals. Sometimes you need to scroll all the way to the bottom of the page before the menu starts scrolling too. Sometimes you can’t even access the bottom items of the menu (if you are browsing from the plugin list for instance).

2021-05-05 23_55_41-

My suggestion is to add the following properties to the class .pkpDropdown__content

overflow-y: auto;
max-height: 85vh;

This way, if the menu is higher than 85% of the visible area of the website, a scroll bar is shown and you can access the bottom Journals.

After changing the CSS:

If the list is too big:
2021-05-06 00_02_28-

If the list isn’t big:
2021-05-06 00_03_12-

P.s.: I would make a pull request on github, but I don’t want the trouble of forking, cloning, reading guidelines, etc, for such a small change.

1 Like

Thanks for reporting @felcaetano. I’ve filed an issue at Can't access all journals from dropdown when exceeds viewport height · Issue #7052 · pkp/pkp-lib · GitHub.