dialog with the IsModal property true is not always visible

Hi, I created a razor component with a Dialog inside as shown in the example

<SfDialog @bind-Visible = "@IsDialogVisible"
          ResizeHandles = "@dialogResizeDirections"
          Height = @MaxHeight
          Width = "900"
          AllowDragging = "true"
          CloseOnEscape = "false"
          EnableResize = "true"
          ShowCloseIcon = "false"
          IsModal = "true">
    <DialogPositionData X = "center" Y = "center"> </DialogPositionData>
    <DialogEvents OnOpen = "@ OnOpenHandler" OnOverlayClick = "@ OnCloseDialog"> </DialogEvents>
    <DialogTemplates>
        <Header>
            Header Dialog
        </Header>
        <Content>
            .... some content
        </Content>
    </DialogTemplates>
    <DialogButtons>
        <DialogButton Content = "Save" IconCss = "fas fa-save" OnClick = "OnSaveChanges" IsPrimary = "true"> </DialogButton>
        <DialogButton Content = "Close" OnClick = "OnCloseDialog"> </DialogButton>
    </DialogButtons>
</SfDialog>

What is happening is that the dialog is not always visible, even if you see that it has started because being modal the rest is disabled.

The problem also occurs with other Dialogs and I think I have identified the problem in the condition of Modal. In fact, if I set IsModal = "false" the problem never occurs.

Looking forward to a kind reply

Greetings


3 Replies

VJ Vinitha Jeyakumar Syncfusion Team October 4, 2021 11:00 AM UTC

Hi Salvatore, 
 
 
Greetings from Syncfusion support 
 
 
We have validated your query “dialog with the IsModal property true is not always visible 
 
We have tried to replicate the issue you have reported in the following ways, 
 
  • Ensured by checking the code you have shared and used it.
  • Ensured by enabling the IsModal property.
  • Also ensured by running the sample in all major browsers.
 
But unfortunately, we couldn’t reproduce the reported issue at our end. we have also prepared a sample for your reference, 
 
 
Can you please share the following details, 
 
  • Your package version.
  • Exact issue reproducing steps.
  • If possible, please share us with the runnable issue reproducing sample or modify the attached sample with the issue reproducing code.
 
The above details will be helpful for us to replicate the issue at our end and help you at earliest. 
 
Regards, 
Vinitha 



SA Salvatore October 15, 2021 06:56 AM UTC

hi, I think I have identified the problem. 

In the management of the events I changed the size of the dialog in the OnOpenHandler and this could cause some problems. I used the Created event and the problem seems solved.

Greetings



VJ Vinitha Jeyakumar Syncfusion Team October 18, 2021 04:24 AM UTC

Hi Salvatore, 
 
 
We are glad that you have found the solution for your issue. Please get back to us if you need any further assistance. 
 
Regards, 
Vinitha 


Loader.
Up arrow icon