IFrame loaded does not cover the whole page

[30Capri-gif]

I am loading the document using the library. The iframe in which the document is loaded however does not fill the entire page. The parent container has a height set to 100%. Shouldn't it be inherited?

The Iframe height is set as auto.

If I change that height to 100%, it cover the entire page

I have not set the height of the component, so I am assuming it is defaulting to 90%.

[cainsyake]

If you want this component cover whole page, you can set props: height, such as :height="100". Component's height is set in the root element of component.