Hype is a great HTML 5 authoring tool, but a major set-back with exported animations is that the container does not retrieve a fluid set height. Typically the container reverts to height:0. A simple way to fix this is with CSS:-

#hype_container {/* Adjust to your needs */ min-height: 500px;}

However if you are using a responsive layout (which is one of Hype's best features) this won't work unless you use media queries which could be tedious. So I have written the following jQuery to do this automatically:-

Ad You might find this useful
Wavebox
Wavebox is the revolutionary browser you should be using Now!

Be more productive with apps, tidy tabs, multi-account sign-in, unified search, flexible workspaces, and more...

Get 35% OFF with the Slick Media Wavebox Promo Code (click promo link bottom-right)

Get Wavebox
WaveboxWavebox
Wavebox is the revolutionary browser you should be using Now!
Promo Save on Wavebox
jQuery(window).on("load resize scroll",function(e){
function updateHypeSize() {
if(jQuery('.your-child-class').is(':visible')) {
var sumheight=0;
jQuery(".your-child-class").each(function () {
var child = jQuery(this);
sumheight+=child.height();
});
// Parent container
jQuery("#hype_container").height(sumheight + 35);
}
}
updateHypeSize();
});
view raw jQuery Animation Fluid Height hosted with ❤ by GitHub

You will need to give your main children a class within your Hype scene. The jQuery will then cycle through the Hype Container and make it the height of the children. This will work in portrait or landscape / responsive layouts. This method will also work in any case where you want the parent to be set to the height of the children. Just change the parent class '#hype-container' and child items 'your-child-class'

Ad You might find this useful
Loom
Record your screen to communicate better

Loom is the fastest way to record quick videos of your screen. It's easy to use and perfect for hybrid workplaces. FREE & affordable paid plans.

Get Loom
Start Recording for Free
LoomLoom
Record your screen to communicate better
Promo Save on Loom
Ad You might find this useful
Rize
Maximize Your Productivity with Rize AI

Rize is an AI productivity coach that uses time tracking to improve your focus and build better work habits. It is available for macOS and Windows.

With the Slick Media Promo (click promo link bottom right), you can get a 25% discount on your first three months of Rize.

Get Rize
Get Started for Free
RizeRize
Maximize Your Productivity with Rize AI
Promo Save on Rize