CSS:- Implementing the style property from modalStyle in TypeScript
<div class="modal" tabindex="1000" [style]="modalStyle" >
Angular Component:- Using DomSanitizer to adjust height, display, and min-height properties. While this configuration works in Chrome, it does not work in IE 11 causing the popup to not display properly.
import { DomSanitizer } from '@angular/platform-browser';
export class Abc {
get modalStyle() {
return this._domSanitizer.bypassSecurityTrustStyle('display:block; height:'
+ (this.modalDialog.nativeElement.clientHeight + 200) + 'px;'
+ 'min-height:1500' + '' + 'px;');
}
}
}