My SPFX ListView Command Set Not Showing in Microsoft Teams but Visible in SharePoint Online

[krishnare56]

What type of issue is this?

Question

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Target SharePoint environment

SharePoint Online

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• browser version
• SPFx version - 1.17.0
• Node.js version - 16.20.0
• etc

Issue description

I have developed a SharePoint Framework (SPFx) ListView Command Set extension that works perfectly in SharePoint Online. However, when I access the same list via Microsoft Teams, the command set does not show up.

I have double-checked my XML manifest files and deployment, and everything seems fine. The command set shows up in SharePoint but is missing in Teams.

Here are the relevant parts of my XML files:

elements.xml

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
    <CustomAction
        Title="Classifier"
        RegistrationId="100"
        RegistrationType="List"
        Location="ClientSideExtension.ListViewCommandSet.CommandBar"
        ClientSideComponentId="16287d1a-fd44-4df7-8ede-f1a74dc24a82"
        ClientSideComponentProperties="{&quot;sampleTextOne&quot;:&quot;One item is selected in the list.&quot;, &quot;sampleTextTwo&quot;:&quot;This command is always visible.&quot;}">
    </CustomAction>
    <CustomAction
        Title="Classifier"
        RegistrationId="101"
        RegistrationType="List"
        Location="ClientSideExtension.ListViewCommandSet.CommandBar"
        ClientSideComponentId="16287d1a-fd44-4df7-8ede-f1a74dc24a82"
        ClientSideComponentProperties="{&quot;sampleTextOne&quot;:&quot;One item is selected in the list.&quot;, &quot;sampleTextTwo&quot;:&quot;This command is always visible.&quot;}">
    </CustomAction>
</Elements>

clientsideinstance.xml

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
    <ClientSideComponentInstance
        Title="Classifier"
        Location="ClientSideExtension.ListViewCommandSet.CommandBar"
        ListTemplateId="100"
        Properties="{&quot;sampleTextOne&quot;:&quot;One item is selected in the list.&quot;, &quot;sampleTextTwo&quot;:&quot;This command is always visible.&quot;}"
        ComponentId="16287d1a-fd44-4df7-8ede-f1a74dc24a82" />
</Elements>

The extension is deployed in tenent and visible in SharePoint.When accessed through Teams (SharePoint tab), the command set doesn’t appear.I have attached screenshots from both SharePoint and Teams showing the difference. Sharepoint online list viewTeams view My questions:

Are there any known limitations or additional steps needed for ListView Command Sets to show inside Teams?Could this be related to the registration XML or the way Teams loads SharePoint tabs? Any suggestions on debugging this behavior or workarounds?

Thanks in advance for your help!

[Ashlesha-MSFT]

Hello @krishnare56,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Ashlesha-MSFT]

@krishnare56,
This behavior is currently by design. While your SPFx ListView Command Set works correctly in SharePoint Online, the Teams-integrated list experience (i.e., Lists opened in Teams tabs) uses a different rendering engine that does not currently support SPFx ListView Command Set extensions.
This limitation has been confirmed by the Microsoft product team. You can find their official response here for reference: #10140 (comment)

[krishnare56]

Hello @Ashlesha-MSFT , thanks for your response, is there any alternative solution to create a custom button in command bar in Teams Files tab

[Ashlesha-MSFT]

@krishnare56 ,
We’ve checked internally with the engineering team, and unfortunately, there is no workaround or alternative solution available at the moment to enable ListView Command Set extensions in the Teams Files tab or list views.