How do I get "Height=100%" working on an embed code in the Instructions field for Assignments?

Hey @Jeremy Virgo​ ,

I wanted to test around a bit and see if I can get anything around here working...I was able to get our HTML editor to accept a 100% height value by specifying a style tag as so:

<div style="height: 100%;">

<p>Hello world!</p>

</div>

I saved that and looked at the HTML DOM that was rendered and saw this it retained: (see screenshot)

Now the issue I found was that even with a 100% height value, the viewport didnt actually expand any larger. So then I updated my code to match a static px value:

<div style="height: 1200px;">

<p>Hello world!</p>

</div>

Saving that and having another look, I found this time the viewport was expanded as you had mentioned in would (see next comment, second screenshot)

So having test and said all of that, here is what I am seeing:

• With relative values (%), the viewport will not be expanded unless there is actually content inside in elements that require the view to be expanded
• If you want to get height via % working that's no problem. But your viewport will only expand larger if there is content that requires the height to grow beyond the default value. % is relative and will only grows to 100% if the content inside it needs that much space. It can grow up to 100%, but wont take up the full 100% if it doesn't need that much space
• Specifying a px value will force the full space to grow to that exact size. That is because a px entry denotes you want exactly that much space, regardless of whether it is used

Hope that helps clarify what you are seeing with your code