Embed dashboard page is hanging on scroll

Question & Answer
, ,
1

Hi Team,

We are trying to scroll the embed dashboard page and its hanging right now. Can you please help on this.

We are using latest version of amazon-quicksight-embedding-sdk v2.10.0 and .net code will produce the embed URL for this

below are the client side code changes

 async function loadDashboard() {
     const valueToCheck = await checkValueExistence();
     if (valueToCheck.length > 0) {
         const embedDashboard = async (embbedURL = valueToCheck) => {
             const {
                 createEmbeddingContext,
             } = QuickSightEmbedding;

             console.log(embbedURL);
             const embeddingContext = await createEmbeddingContext();

             const containerDiv = document.getElementById("embedding-container");

             const frameOptions = { 
                 url: embbedURL,
                 container: containerDiv,
                 height: "100%",
                 width: "100%"
             };

             const contentOptions = {
                 toolbarOptions: {
                     export: true,
                     undoRedo: true,
                     reset: true,
                     bookmarks: true
                 },
                 attributionOptions: {
                     overlayContent: false,
                 }
             };

             const embeddedDashboard = await embeddingContext.embedDashboard(frameOptions, contentOptions);
         };

         await embedDashboard(); 
     }
 }

<div style="height:100%" id="embedding-container"></div>

image
image460×195 7.25 KB

image
image792×808 56.3 KB

On scroll, lot of events are hitting and it may impact to load the page.

We need your help to scroll smoothly and there should not be any hanging.

Thanks

2

Hello @manjunathdl, this is definitely an interesting issue. Are you getting any errors in the network tab to show that something is failing on the embedding side when you use the scroll bar? Also, I wonder if utilizing 100% for the height of the iFrame is causing an issue. Maybe trying some different options to manage the frame height would resolve the issue that is occurring on scroll.

3

Hi @DylanM,

There was no error in network tab but there were log of log events were hitting to network continuously. After 2 days this issue is automatically resolved and now it looks fine.

Dont no the exact rootcause.

Thanks

1 Like
4

Hello @manjunathdl, that is very interesting. Thank you for letting me know it is resolved though! If this issue appears again, please post a new topic in the community with any new information and provide a link to this question as well to provide relevant information. That will ensure you are at the top of the priority list for a response from one of our QuickSight experts. Thank you!