I would like a native “fixed height with internal scroll” option in the Blog app settings. So when you post it in the website it will allow the user to scroll in the embed code if selected. This will make website look better and function better so as to not cut off blog entries or make user have to edit website also each time.
Hi there, @Eric_Smith ![]()
I see that my colleague Viktoria has already reached out to you in a support ticket and shared this script, that should be used in the Custom JS section on the Settings tab of your widget’s settings:
const waitForElement = (selector, root = document) => new Promise(res => {
const observer = new MutationObserver(() => {
const element = root.querySelector(selector);
if (element) {
res(element);
observer.disconnect();
}
});
observer.observe(root, { childList: true, subtree: true });
});
waitForElement('.es-widget-background-container').then(widgetBackground => {
const parentContainer = document.querySelector('.widget-preserving-ratio-outer');
if (!parentContainer) {
return;
}
parentContainer.style.paddingBottom = `${widgetBackground.clientHeight}px`;
});
Test it out and let Viktoria know if it worked ![]()
I have tried it, but it still does not let me scroll within the box or move down to see the first entry. It just cuts it off.
Hi there, @Eric_Smith ![]()
Apologies for the inconvenience!
Our devs will double-check the script and I’ll update you once I have any news ![]()
Hi there, @Eric_Smith ![]()
We’ve fixed the cutting off issue with the script added to the Custom JS section on the Settings tab:
setTimeout(() => {
parentContainer.style.paddingBottom = `${widgetBackground.clientHeight}px`;
}, 200);
Does it cover your needs or you’d still like to have an internal scroll (like the one that appears in the editor)?
