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.