Hi,I am using igDialog inside a AngularJs app.I have created a directive to open the dialog so it can be reusable. I am using an iframe to open an external page.
When I open the dialog, the height is rendered wrong. Attached is a demo page - the height is set to 700px but the dialog is rendered to 1477px.After digging a bit in the infragistics.ui.dialog.js code i found that part of the problem is in the _doSizePX method :the elem[0].offsetHeight is 0 and the minHeight var is calculated like minHeight = height - elem[0].offsetHeight;so the minHeight gets the size of the dialog height and the next line is:
if (minHeight > 0) { elem0.height(Math.max(height - zeroHeight + minHeight, 0)); }so the dialog gets the wrong height.I don't know why, but i think it has something to do with the Angular digest cycle that the ng-click initiates.
Is there any workaround to that issue, please adviceThank you
forgot to add that i am using igniteui version 14.1 (it was the same in 13.2 as well)and angular 1.2.14
Hi amos_silberman,
Currently the issue is coming from the ng-show directive, because it's setting important styles while the igDialog is instantiating. I'm attaching suggestion to achieve your goal.
Hope that helps,
Thanks,
sorry for the late response..You are right - the issue is coming from the ng-show directive, and using the display none style solves the issue.thanks a lot for your help - this thing bugged me for a while now..