IFrameDialog height unable to resize relative to screen size, even if we provide in % it is taking default value.

[raghuram753]

Below is the code I am using:

{this.state.showSiteUsersModal ?
<IFrameDialog
url={this.state.siteAddress}
onDismiss={this.closeSiteUsers}
hidden={!this.state.showSiteUsersModal}
modalProps={{
isBlocking: true
}}
dialogContentProps={{
showCloseButton: true,
type: DialogType.close,
}}
allowFullScreen={true}
allowTransparency={true}
width={'60%'}
height={'50%'}/>
: null }

width is getting auto adjusted relative to device, where as height is not getting adjusted with respective device.

Attached the screenshot, what ever the height we specify it is of same height.

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[AJIXuMuK]

Hi @raghuram753,

The fix has been merged and will be included in the next release.

In a meanwhile you can test the functionality in beta version.

[AJIXuMuK]

v2.5.0 has been released.