Issue with SharePoint modern list view with SPFx command extension

Vincent Gagnon 6

The first element in the list is hidden behind the header. It happens when an SPFX extension is installed. Or as soon as it is loaded in debug mode using gulp serve. Note the the list is not scrolled. The first item simply gets hidden by the header.

If it can help resolution: the problem goes away if I manually remove the height set by this SharePoint css.

1 answer

RaytheonXie_MSFT 33,641 Reputation points Microsoft Vendor

2021-08-27T02:16:27.397+00:00
Hi @Vincent Gagnon ,
When we are using a SPfx file for custom menue, chances are high that there is a custom stylesheet too.We can add the following css

.ms-DetailsList-headerWrapper { margin-bottom:35px; }

This will expand the header of lists and therefore show the first element of the list.

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
Vincent Gagnon 6 Reputation points

2021-08-27T15:35:00.867+00:00

Hi @RaytheonXie_MSFT ,

Thank you for your answer. The patch you proposed would indeed fix the problem partly. The problem remains that when we are scrolling down, we see the list "through" the header (see attached image). I'd like to point out that the Sharepoint site where the problem occurs was originally created as a classic (as in not modern) site, and is actually a subsite. I hope this will help to find the problem and fix it at the source.

RaytheonXie_MSFT 33,641 Reputation points Microsoft Vendor

2021-08-30T09:41:11.857+00:00

Hi @Vincent Gagnon ,
SPFX might cause influence to the html.We can control the list position by css

<script> .ms-DetailsList-contentWrapper { margin-top:45px; } </script>

Make Adjustment of margin-top to change the position of the list .

Vincent Gagnon 6 Reputation points

2021-08-30T12:14:54.533+00:00

Hi @RaytheonXie_MSFT ,

I'm aware of this. However it seems to be a hack to fix something that should actually be fixed somewhere else. If I read between the lines correctly, there is no interest from Microsoft's side to find the problem and fix this properly? If so, I'll apply your solution, otherwise, I can wait until it gets fixed.

Thank you

RaytheonXie_MSFT 33,641 Reputation points Microsoft Vendor

2021-09-01T08:53:55.713+00:00

Hi @Vincent Gagnon ,
As far as I know,Microsoft's side still has no process to fix the bug.You can try the css to fix and wait the bug fixed

Vincent Gagnon 6 Reputation points

2021-09-01T09:39:53.02+00:00

IDoes the issue have to be listed somewhere else for them to start to think about fixing it or is this Q&A board the right place?
Thank you

RaytheonXie_MSFT 33,641 Reputation points Microsoft Vendor

2021-09-02T05:35:03.527+00:00

Hi @Vincent Gagnon ,
You may have more infromation in following links
https://github.com/SharePoint/sp-dev-docs/issues
Sign in to comment

Share via

Issue with SharePoint modern list view with SPFx command extension

1 answer