Tim - Hello 👋 one more quick question. I am e...
Hello 👋 one more quick question. I am embedded liveboards with
fullHeight and lazyLoadingForFullHeight. It looks great except I noticed one issue. The modals (like the explore modal) will open with the top ~20 pixels out of view. I believe its because my page has a ~20 pixel banner up top that the embed isn't accounting for. I am pretty sure I have seen yall demo a solution to this problem, but I can't find it. Can you point me in the right direction? Thanks!5 Replies
@Justin Mathew - Can you check this ?
Maybe lazyLoadingMargin can help?
const embed = new LiveboardEmbed('#embed-container', {
// ...other options
fullHeight: true,
lazyLoadingForFullHeight: true,
lazyLoadingMargin: '0px', // or another value like '10px'
});
unfortunately that did not work
IDK that it matters, but my header is more like 120px. Not sure why I said 20. I think what is happening is the explore modal position is being calculated based on the available vertical height of the page without considering that there is a sticky header up top. So it ends up positioning the modal too tall and the top gets hidden by my page's header.
@Valhalla can you send a small video if possible , or a demo on codesandbox
I dm'd you