Why the Blazor SfDiaglog wrongly appears at the bottom of the Grid?

[Syncfusion Support]

Query: Why the SfDialog appears in the right-top below the Grid event though its position is set to Center-Top?

[Syncfusion Support]

Answer:

We suggest you to ensure to set proper Target and DialogPositionData for SfDialog to overcome the problem you are facing. Here is the code snippet for your reference,

<div id="GridTarget">

<SfGrid DataSource="@Orders" AllowPaging="true" Height="315">

...

SfGrid>

div>

<div id="target" class=" col-lg-12 control-section">

<SfDialog @ref="LogDlgObj" @bind-Visible="@LogVisibility" Target="#GridTarget" Width="250px">

<DialogPositionData X="center" Y="top">DialogPositionData> @*Provide values with proper casing*@

...

SfDialog>

div>

Reference : https://blazor.syncfusion.com/documentation/dialog/positioning/