TFD
ThoughtSpot For Developers•2w ago
eric.silva

eric.silva - We have recently started to use Pr...

We have recently started to use PreRenderedAppEmbed in our application and have run into a quirk. No matter what I do to our local code menu items and dialogs are now stacking behind the embed. The only way I've been able to fix this is in the console with document.getElementById('tsEmbed-pre-render-wrapper-PreRenderedAppEmbed').style.zIndex = -1 Has anyone experienced something similar and found a solution?
Solution:
Ended up just using the onLoad of the embed to fix the z-index. ``` onLoad={() => { const preRenderWrapper = document.getElementById('tsEmbed-pre-render-wrapper-PreRenderedAppEmbed'); if (preRenderWrapper) {...
Jump to solution
1 Reply
Solution
eric.silva
eric.silva•2w ago
Ended up just using the onLoad of the embed to fix the z-index. 
onLoad={() => {
        const preRenderWrapper = document.getElementById('tsEmbed-pre-render-wrapper-PreRenderedAppEmbed');
        if (preRenderWrapper) {
          preRenderWrapper.style.zIndex = '-1';
        }
      }}
onLoad={() => {
        const preRenderWrapper = document.getElementById('tsEmbed-pre-render-wrapper-PreRenderedAppEmbed');
        if (preRenderWrapper) {
          preRenderWrapper.style.zIndex = '-1';
        }
      }}

Did you find this page helpful?