Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to remove the "Loading..." indicator from my taskpane manifest based plugin #5349

Open
flurin-conradin opened this issue Feb 3, 2025 · 2 comments
Labels
Area: Outlook Issue related to Outlook add-ins Needs: attention 👋 Waiting on Microsoft to provide feedback

Comments

@flurin-conradin
Copy link

flurin-conradin commented Feb 3, 2025

I have developed an Outlook addin based on the manifest.xml using office-js. Everything works as expected, but the loading indicator does not disappear, as shown in the picture below

Image

I am running Office.onReady(...) in my React code. Is there anything I could do there to remove it?
Note that this is a deployed addin. I have seen post about similar issues with sideloaded addins.

@microsoft-github-policy-service microsoft-github-policy-service bot added the Needs: triage 🔍 New issue, needs PM on rotation to triage ASAP label Feb 3, 2025
@exextoc exextoc added Area: Outlook Issue related to Outlook add-ins Needs: attention 👋 Waiting on Microsoft to provide feedback and removed Needs: triage 🔍 New issue, needs PM on rotation to triage ASAP labels Feb 3, 2025
@patilganesh-msft
Copy link

Hi @flurin-conradin,

If you're using Office.onReady() in your code, ensure that all initialization code that interacts with the Office API is placed within this function. This ensures that the API is fully loaded before your code executes, which can prevent the "Loading..." indicator from persisting. If your add-in performs asynchronous operations during initialization (e.g., fetching data or loading resources), ensure that these operations are completed before indicating that the add-in is ready. Delays in these operations can cause the loading indicator to remain visible.

Kindly try the aforementioned resolutions and get back to us in case any issues, thank you.

@patilganesh-msft patilganesh-msft added Needs: author feedback Waiting for author (creator) of Issue to provide more info and removed Needs: attention 👋 Waiting on Microsoft to provide feedback labels Feb 4, 2025
@flurin-conradin
Copy link
Author

flurin-conradin commented Feb 4, 2025

Hello @patilganesh-msft

Thank you very much for taking your time.

The issue persists.

I have stripped down my plugin to the bare minimum. There are two observations which might be of importance:

  • the loading spinner is not animated (does not spin, dots are not blinking, seems stuck)
  • the loading spinner disappears when I minimize the window and maximize it again

Thanks in advance for looking into this.

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js"></script>
  <title>Email Automation Web Add-in</title>
  <script>
    Office.onReady(function (info) {
      console.log("Office is ready", info);
    });
    window.onload = function () {
      console.log('Page has loaded');

    };
  </script>
</head>

<body>
  <div id="root"></div>
  <div>Hello!</div>
</body>

</html>

@microsoft-github-policy-service microsoft-github-policy-service bot added Needs: attention 👋 Waiting on Microsoft to provide feedback and removed Needs: author feedback Waiting for author (creator) of Issue to provide more info labels Feb 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Outlook Issue related to Outlook add-ins Needs: attention 👋 Waiting on Microsoft to provide feedback
Projects
None yet
Development

No branches or pull requests

3 participants