Forum Discussion
First list item or document is hidden behind the column header row.
I started to observe a pretty annoying behavior of SharePoint lists and document libraries these days.
It appears that the first item in the list (or the first document in the library) is hidden behind the column header row:
When scrolling down one row, the item shows ABOVE the column header row, and the second entry in the list is hidden. If you filter for a single entry, the list or library appears empty, except if there are some fields with long text that stick out below the header row.
And if there are less than a page full of items, you simply miss the first one, because you can't scroll down to spot it above the header line.
This affects Chrome and Firefox, it is not present in Edge, although there is as well some strange behavior when scrolling down, at the very beginning the List/Library Title and the header row move first up and out of sight, and then pop down again.
11 Replies
Beat ZimmermanI opened up a MS support ticket for this and they confirmed somehow our custom SPfx mega menu was causing the issue. This custom mega menu has been working for almost 3 years with no issue like this until a couple months ago. We can't get rid of our custom Mega menu yet. Long term goal is to use new out of the box mega menu but until then we need to figure this out.
Don Bridges
I experienced the same using SPfx and CSS.
If you are using a SPfx file for your custom menue, chances are high that there is a custom stylesheet too.
If so you can add the following lines:
.ms-DetailsList-headerWrapper {
margin-bottom:35px;
}
This will expand the header of lists and therefore show the first element of the list. In non Chromium based browsers there will be a slight margin before the first element, but I think that is acceptable.LarsThomas fortunately we were able to transition to the new out of the box Mega Menu which does not have this issue.
- Experiencing this exact issue but it seems to be tied to a custom SharePoint Framework application customizer we use for a mega menu. Only occurs in Firefox and Chrome not in Edge.
Bruno AleixoMicrosoft
Beat Zimmerman is this an OOB list or doc lib ? Do you have any custom solution deployed on it ?
Bruno Aleixothey are OOB with no customization at all. It affects all lists and libraries (except if you pin a document to the top in a library, which somehow put's the position of the div with the scrollable items in the right place.
- Bruno Aleixo
Beat Zimmerman do you have any spfx solution deployed on the site ? something that might be global like a menu or header/ footer ?
