Hi guys, implementing Relume interaction tabs within standard tabs… to be iframed in app as a awareness piece. The problem i’m getting is container width jumping on both height (Atlas > Why Atlas) and width (Why Atlas > Core Features) i can’t for the life of me figure out why this is happening, any help would be greatly appreciated. https://kato-app.webflow.io/products/atlas-in-app-upsell-page https://preview.webflow.com/preview/kato-app?utm_medium=preview_link&utm_source=design[…]fb04fdd2f1&pageId=6925969d167ce2fed314ddb8&workflow=preview
Tommy S. okay so there will be multiple steps to make this work. The root cause of this appears to be the combination of absolute positioning and fixed/min-heights and I think with another 30 minutes of troubleshooting we could probably get away from using any kind of fixed heights, but it appears that using fixed heights is the quickest route for now. The fixed heights were already implemented, but they had mixed values. I also added an overflow clip to a wrapper just as an added assurances that the embedded tabs were not having any kind of unintended results. Step 1 Add overflow clip to layout497_component - first screenshot Step 2 Change layout497_inner-wrapper height to 535px - second screenshot Step 3 Navigate to the last tab pane and go inside of the grid wrapper, you've got a column that has a minimum height set to 520 but we should set this to match the height of the inner wrapper above. Change upsell-left-col_text min-height to 535px - third screenshot Now when I tab between all of these, there's no height jumping. Risks I see will be mobile, or even if the container here shrinks. You could consider change layout497_inner-wrapper to also being a min-height to see if that medicates any issues like that. Let me know if this helped you!

