Taskpane Button Menu not opening in Outlook Web

manuelsidler commented 8 months ago

Your Environment

Platform [PC desktop, Mac, iOS, Office on the web]: Office on the web
Host [Excel, Word, PowerPoint, etc.]: Outlook
Office version number: -
Operating System: macOS 14.3, Windows 11
Browser (if using Office on the web): Edge, Chrome

Expected behavior

We have an add-in with two button controls and multi select support. When selecting multiple items in Outlook on the web, the add-in appears as selection. A click on the add-in should show the menu with the two buttons.

Current behavior

After selecting multiple items in Outlook on the web and clicking on the add-in, the menu with our two buttons don't show. It works if multiple add-ins are installed and you have to click on "More apps" first.

Steps to reproduce

Sideload add-in
Select multiple items in Outlook on the web
The add-in appears
Clicking on the add-in doesn't show the menu button
Sideload or install more add-ins, so the "More apps" menu appears when selecting multiple items
A click on the add-in now shows the menu with our buttons

The bug can be reproduced in Chrome and Edge

rajjha-msft commented 8 months ago

Hey @manuelsidler

Was this working before or it never worked ?
Does this happen for any specific add-in or none of the add-in are shown in the pane when less than 2 add-ins are installed ?

manuelsidler commented 8 months ago

@rajjha-msft

That's hard to tell because we recently added a second button to our manifest.
It happens to all add-ins as soon as you have more than one button control specified in your manifest. The add-in appears, but when you click on it, it doesn't show the buttons. Here's a video of the bug: https://github.com/OfficeDev/office-js/assets/802015/03344c23-0f15-4e6a-a904-5ded322bd9d4

That's the manifest with two button controls:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0" xmlns:mailappor="http://schemas.microsoft.com/office/mailappversionoverrides/1.0" xsi:type="MailApp">
  <Id>4bca7d9d-4c1a-459e-9e0c-edb0b468d690</Id>
  <Version>1.0.0.0</Version>
  <ProviderName>Private</ProviderName>
  <DefaultLocale>en-US</DefaultLocale>
  <DisplayName DefaultValue="Outlook Multiselect"/>
  <Description DefaultValue="Sample for multi select items."/>
  <IconUrl DefaultValue="https://localhost:3000/assets/icon-64.png"/>
  <HighResolutionIconUrl DefaultValue="https://localhost:3000/assets/icon-128.png"/>
  <SupportUrl DefaultValue="https://www.duckduckgo.com/"/>
  <Hosts>
    <Host Name="Mailbox"/>
  </Hosts>
  <Requirements>
    <Sets>
      <Set Name="Mailbox" MinVersion="1.1"/>
    </Sets>
  </Requirements>
  <FormSettings>
    <Form xsi:type="ItemRead">
      <DesktopSettings>
        <SourceLocation DefaultValue="https://localhost:3000/taskpane.html"/>
        <RequestedHeight>250</RequestedHeight>
      </DesktopSettings>
    </Form>
  </FormSettings>
  <Permissions>ReadWriteMailbox</Permissions>
  <Rule xsi:type="RuleCollection" Mode="Or">
    <Rule xsi:type="ItemIs" ItemType="Message" FormType="Read"/>
  </Rule>
  <DisableEntityHighlighting>false</DisableEntityHighlighting>
  <VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides" xsi:type="VersionOverridesV1_0">
    <VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides/1.1" xsi:type="VersionOverridesV1_1">
      <Requirements>
        <bt:Sets DefaultMinVersion="1.13">
          <bt:Set Name="Mailbox"/>
        </bt:Sets>
      </Requirements>
      <Hosts>
        <Host xsi:type="MailHost">
          <DesktopFormFactor>
            <ExtensionPoint xsi:type="MessageReadCommandSurface">
              <OfficeTab id="TabDefault">
                <Group id="msgReadGroup">
                  <Label resid="GroupLabel"/>
                  <Control xsi:type="Button" id="msgReadOpenPaneButton">
                    <Label resid="TaskpaneButton.Label"/>
                    <Supertip>
                      <Title resid="TaskpaneButton.Label"/>
                      <Description resid="TaskpaneButton.Tooltip"/>
                    </Supertip>
                    <Icon>
                      <bt:Image size="16" resid="Icon.16x16"/>
                      <bt:Image size="32" resid="Icon.32x32"/>
                      <bt:Image size="80" resid="Icon.80x80"/>
                    </Icon>
                    <Action xsi:type="ShowTaskpane">
                      <SourceLocation resid="Taskpane.Url"/>
                      <SupportsMultiSelect>true</SupportsMultiSelect>
                    </Action>
                  </Control>

                  <Control xsi:type="Button" id="msgReadOpenPaneButton2">
                    <Label resid="TaskpaneButton.Label"/>
                    <Supertip>
                      <Title resid="TaskpaneButton.Label"/>
                      <Description resid="TaskpaneButton.Tooltip"/>
                    </Supertip>
                    <Icon>
                      <bt:Image size="16" resid="Icon.16x16"/>
                      <bt:Image size="32" resid="Icon.32x32"/>
                      <bt:Image size="80" resid="Icon.80x80"/>
                    </Icon>
                    <Action xsi:type="ShowTaskpane">
                      <SourceLocation resid="Taskpane.Url"/>
                      <SupportsMultiSelect>true</SupportsMultiSelect>
                    </Action>
                  </Control>
                </Group>
              </OfficeTab>
            </ExtensionPoint>
          </DesktopFormFactor>
        </Host>
      </Hosts>
      <Resources>
        <bt:Images>
          <bt:Image id="Icon.16x16" DefaultValue="https://localhost:3000/assets/icon-16.png"/>
          <bt:Image id="Icon.32x32" DefaultValue="https://localhost:3000/assets/icon-32.png"/>
          <bt:Image id="Icon.80x80" DefaultValue="https://localhost:3000/assets/icon-80.png"/>
        </bt:Images>
        <bt:Urls>
          <bt:Url id="Taskpane.Url" DefaultValue="https://localhost:3000/taskpane.html"/>
        </bt:Urls>
        <bt:ShortStrings>
          <bt:String id="GroupLabel" DefaultValue="Contoso Add-in"/>
          <bt:String id="TaskpaneButton.Label" DefaultValue="Show Taskpane"/>
        </bt:ShortStrings>
        <bt:LongStrings>
          <bt:String id="TaskpaneButton.Tooltip" DefaultValue="Opens a pane displaying all available properties."/>
        </bt:LongStrings>
      </Resources>
    </VersionOverrides>
  </VersionOverrides>
</OfficeApp>

rajjha-msft commented 8 months ago

Thank you for reporting this issue on the Multi Select feature. We have tracked it in our backlog and will pick it up to be fixed. However, we have no timelines to share at this point.

Internal Tracking ID: 255946

ywongau commented 7 months ago

I am facing the same problem, drop down only works inside More Apps pop-up

PlagueHO commented 2 months ago

Hi @rajjha-msft - I'm trying to find out the internal status of this issue. Has there been any updates? I'll try and contact you internally.

OfficeDev / office-js