Issue with SharePoint modern list view with SPFx command extension

Vincent Gagnon 6 Reputation points
2021-08-26T13:39:42.537+00:00

126754-image.png

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.

126812-image.png

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,886 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,723 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. RaytheonXie_MSFT 32,241 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.