Provide required information needed to triage your issue

We have an add-in that runs inside of Microsoft PowerPoint. It is supported on both the desktop and web versions of PowerPoint. This add-in has multiple buttons on our CustomTab of the ribbon, which manipulate content inside of our task pane application. Because of this, we use the SharedRuntime with our PowerPoint add-in. However, when this add-in is loaded into the web client of PowerPoint, the element that hosts our add-in is shifted up, and there is no name for our add-in. This partially obscures the X button that closes the task pane. I have found that if I manually edit the DOM to include the name of the add-in, then the <iFrame> element shifts back into place and displays as expected. This works correctly in the desktop version of PowerPoint.</p> <h2>Your Environment</h2> <ul> <li>This only occurs on the web version of PowerPoint. </li> <li>Running in Chrome 120.0.6099.130</li> <li>PC is Windows 22H2 (OS Build 19045.3803)</li> </ul> <h2>Expected behavior</h2> <p>I expected the name of the add-in to be displayed on the label of the task pane. If I change my manifest file so that it does NOT use the Shared Runtime, then the label displays as expected. But, with the Shared Runtime it does not display. I'm not sure if this is a recent regression or not. We just noticed it this month, but it's possible this has been happening for some time.</p> <h2>Steps to reproduce</h2> <ol> <li> <p>Create an add-in for PowerPoint that uses the Shared Runtime. Take note of the <strong>DisplayName</strong> element in the manifest file. That is what is supposed to be shown as the label of the task pane. It is what is shown for the desktop version of PowerPoint.</p> </li> <li> <p>Sideload this add-in with the web version of PowerPoint and you'll see the content shifted upwards and the Name missing.</p> </li> <li> <p>To prove that the missing name is causing the issue, I found the following in the DOM: <img referrerpolicy="no-referrer" src="https://github.com/OfficeDev/office-js/assets/16708768/674aa635-0200-47d9-8ff4-27fbb7d7cd5b" alt="image" /></p> </li> <li> <p>If I change the HTML to include our name, you can see that it now displays as expected. <img referrerpolicy="no-referrer" src="https://github.com/OfficeDev/office-js/assets/16708768/060dccb1-35cb-4ccc-b818-0229f82b3478" alt="image" /></p> </li> </ol> <h2>Link to live example(s)</h2> <p>Our add-in is only deployed through a customized manifest file, so I don't have a link to an external example to use.</p> <h1>Provide additional details</h1> <p>If you need a sample manifest file for PowerPoint that reproduces the issue, I could try to put something together, though since it requires the shared runtime, it wouldn't run, it would probably just be an empty page. I'm hoping that a sample manifest file or PowerPoint Shared Runtime app is something that you will have available internally.</p> <h2>Context</h2> <p>It makes our add-in look a little strange with the title missing and the content shifted, partially obscuring the Close button.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/zhenhuangMSFT"><img src="https://avatars.githubusercontent.com/u/91410047?v=4" />zhenhuangMSFT</a> commented <strong> 10 months ago</strong> </div> <div class="markdown-body"> <p>@rajanikanthnt Hi Rajani, could you take a look at this issue related to taskpane UI?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/timbeese"><img src="https://avatars.githubusercontent.com/u/16708768?v=4" />timbeese</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Is there any update on this issue?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/zhenhuangMSFT"><img src="https://avatars.githubusercontent.com/u/91410047?v=4" />zhenhuangMSFT</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Hi @m-hellesen, could you assign someone to take a look at this? Thanks!</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

OfficeDev / office-js

PowerPoint web client running an add-in with Shared Runtime does not display the add-in's DisplayName on the Task Pane #3974

Provide required information needed to triage your issue