Dialog positioning issue

Question

Hello,Ran into issue where Dialog Positioning does not work. It only works at a certain cases.Case 1: If dialog is not modal and dialog position is {X:'center',Y:'center'} it DOESN'T WORK.Case 2: If dialog is not modal and dialog position for example is: {X: 300, Y: 300} it WORKSCase 3: if dialog IS MODAL either {X:'center',Y:'center'} or {X: 300, Y: 300} DOESN'T WORK

Narayanasamy Panneer Selvam · Answer

Hi Domantas, 
 
Thanks for contacting Syncfusion support. 
 
We have validated your queries and shared code snippets. By default, the Dialog component is positioning based on its target element. But the target property is missed in the shared code snippet. Could you please set “body” as Dialog’s target to resolve these 3 issues which you reported? 
App.component.ts 
  
App.component.html 
  
Demo Link:   https://stackblitz.com/edit/angular-ujufxm?file=src%2Findex.html     
 
API Reference:   https://ej2.syncfusion.com/angular/documentation/dialog/api-dialogComponent.html#position   
                               https://ej2.syncfusion.com/angular/documentation/dialog/api-dialogComponent.html#target   
 
We will consider document.body as default target, and include the changes in the upcoming volume release (Volume 2, 2018). Please let us know if you need any further assistance on this. 
 
Regards,  
 
Narayanasamy P.