Forum Discussion

Matthew2370's avatar
Matthew2370
Copper Contributor
Nov 01, 2021

SharePoint Online Webparts Not Loading Correctly Until Page Refresh

I have multiple SharePoint Online site collections that are all exhibiting the same problem with certain webparts. When a page loads that contains a quicklinks, hero app, or weather app, the wep part will randomly not load correctly. When it fails, the web part will format incorrectly, will be missing content (document or webpage links), or will be placed on the page incorrectly.

 

For example, I have a page section with 3 columns, each containing a quicklinks webpart with links to documents. 50% of the time when i load that page, the first column does not show at all, the second column has the quicklinks header but no content, and the third column has the quicklinks header and content icons that have been shrunk with no link descriptions. I refresh the page, and the intended formatting loads correctly, showing all webparts and content.

 

I have multiple pages that this occurs to, with different combinations of webparts and content. Has anybody seen this before?

 

I have an attached example of a 2 column wide page section. The first image is initial page load, and the second image is after a manual refresh. (This issue happens in Chrome, Edge, Firefox, and IE)

22 Replies

  • MichelleLeBlanc's avatar
    MichelleLeBlanc
    Copper Contributor

    Matthew2370​, by any chance did you ever get a resolution for this? A team at my organization is having issues with inserting Tables in a Modern text webpart. They seem to load correctly after inserting, but when the page is refreshed, the top left Row and Column outline disappear, and only that? The work around that I can get to work is to screenshot the table when it appears correctly right after creating, and then inserting as a jpeg which isn't ideal and not great when it requires updating. 

  • Ptrahern's avatar
    Ptrahern
    Copper Contributor

    We are having the same issue with our SharePoint site. Just on one page that has a lot of different web parts on it. The entire page refuses to load unless you hit refresh. Tried multiple browsers, and cleared the cache completely, including all cookies. The issue remains. Any fixes out there? 

      • Reshampal_Singh's avatar
        Reshampal_Singh
        Copper Contributor

        I am also facing the refresh issue on the SharePoint Online since Feb-2023 and trying to find the best solution to resolve it. My issue is that when I redirect from Angular apps to SharePoint Online to upload the required document, when I click on the link button then no action happend but when I refresh the page and click on the link button then it works so the Sharepoint listing page must be refreshed then the link button works.

        Guys is there any solution for this issue ? Kindly suggest.

  • DTT_DS's avatar
    DTT_DS
    Copper Contributor

    I observe the same issue today on our tenant. Any solution found for this issue?

  • JoshCook's avatar
    JoshCook
    Copper Contributor
    Seeing the same issue. Mostly when navigating using forward/back buttons in the browser. Any solution?
  • MrCyber24's avatar
    MrCyber24
    Copper Contributor
    Hello everyone!

    I'm having similar issues as well. I'm working on a site to handle a few of the on-boarding trainings at my company. I can't always get web parts containing Power Apps to load, some of the buttons I've inserted for navigation fail to load, and sometimes the images I've uploaded for title banners load in warped and blurry.

    I'm pretty green to SharePoint Online (and SharePoint in general) but I've learned a good bit over the last few months. Does anyone have any additional advice? And does anyone know if the Javascript fix still works and, if so, where I might go to type it in?

    Thanks in advance!
    • StevenPisani's avatar
      StevenPisani
      Copper Contributor
      Hi,

      Also currently experiencing the same issue. Webparts on some pages will load and others need page refresh or a scroll range to be met - basically lazy loading.

      Same question as MrCyber24 about how to embed script if it still works?
      • MrTotten's avatar
        MrTotten
        Copper Contributor

        Same issue here. What's even stranger is that when I click on a link from one page it works fine but when I click on the the same link housed on a different page, it doesn't work properly.

         

        Edit:

        I tried something that may or may not work for you. I added a querystring to the end of the URL in the link I was using and it seemed to work but I'm not entirely sure if I jarred something loose when playing around with SharePoint's own keywords used in their querystrings.

        I added "?ver=1" without quotes to the end of the URL. It can probably be any key/value text but I thought this was the most ignorable querystring a user might see in the address bar.

         

        See if this works for any of you.

  • samrusso's avatar
    samrusso
    Copper Contributor

    We reported this issue at the start of April as well. It is important to note that it is impacting all types of SharePoint online sites (communications and teams). We have received reports from multiple users that content is missing until refresh. Thank you for continued work on resolving this important issue as many important links are being overlooked. 

    • radhe2030's avatar
      radhe2030
      Copper Contributor
      we are also facing same issue from last 2 months.
      • JoshMcErlean's avatar
        JoshMcErlean
        Copper Contributor

        radhe2030 I can confirm I'm still facing the same issues. The lack of response from the Microsoft SharePoint team is quite shocking on many of these issues. Perhaps more development time is needed than keynote speeches!?

  • Andy_Jackson's avatar
    Andy_Jackson
    Copper Contributor
    Was this ever resolved as I am experiencing the same issue recently.
    • Spocker's avatar
      Spocker
      Copper Contributor
      Hey Andy...can't confirm I'm afraid I implemented the noted workaround in code and it worked well enough to move on (haven't circled back to see if the core issue remains).
  • PeterTJonker's avatar
    PeterTJonker
    Copper Contributor
    Hi, I am experiencing the same problem: certain web parts are not loading, manual refresh is necessary. This is not acceptable.
    Is there a solution in sight? I should not be forced to add javascript, this should work out of the box.
    • WNawa1075's avatar
      WNawa1075
      Copper Contributor
      Hi, i've observed similar problem. My small investigation showed, that case depends on page layout.

      Site collection welcome page is HomePage layout
      First Load - all webparts are loaded correctly
      to scenarios:
      1. Navigate to page with layout ArticlePage (click link) - then return back with browser navigation button, some webparts on the bottom page are not loaded.
      (need full refresh)
      2 . Navigate to page with layout HomePage (click link)- then return back with browser navigation button, all webparts on the page are loaded.

      This behavior occurs on one of several tenats i checked.
      The same SPFx webpars, the same sections etc.

      I think this is some kind of a native code bug rendering SPFx components
    • Spocker's avatar
      Spocker
      Copper Contributor

      Hey Scrum5,

       

      I ultimately had to get into the Type/Javascript level on this to get it to work (window, etc).  Managed to nail it down by adding this to my Init code in the SPFX web-part.  Hope it helps you!  

      *****

        protected async onInit(): Promise<void> {
      
          await super.onInit();
      
          navterm = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1);
      
          ((history) => {
            var pushState = history.pushState;
            history.pushState = (state, key, path) => {
                pushState.apply(history, [state, key, path]);
                this._onUrlChange();
            };
          })(window.history);
      
          window.addEventListener('popstate', function (e) {
            // Currently browsing by the browser history buttons ( back / forward )
            // doesn't cause any effect on a sp conditionally loaded page.
            // this._onUrlChange();
          });

       

  • Rick DeFoe's avatar
    Rick DeFoe
    Iron Contributor
    We have been having reports of the same issues on our modern SharePoint sites. Seems to have started happening more over the last couple months
    • Spocker's avatar
      Spocker
      Copper Contributor

      Agreed Rick DeFoe.  I created a SPFX WebPart that queries the search service, and surface the web part on a page that I use with managed navigation (thus the search is context specific to the navigation link selected in the menus).  The webpart is not refreshing on the transitions.  Oddly if you select the same managed navigation menu link twice, it refreshes...otherwise a manual refresh is needed.  I'm exploring ways to try to force a refresh/reload of the page via HTML/Javascript and suspect I'll need to tweak the master page. 

Resources