Blazor 17.4.43 - EJS Dialog - "IsModal" property not working as expected

[Sorin]

Hello,

I am using EJS Dialog with the latest Blazor 17.4.43 package and I'm setting the IsModal property = "true"

By definition, setting the value true should disable interaction with the parent page.

However, it seems to not be working as expected.

When I scroll on the modal, the parent page underneath it also scrolls.

Could you take a look at this?

Thank you,

Sorin

[Indrajith Srinivasan]

Hi Sorin, 

 

Greetings from Syncfusion support 

 

We have validated your reported issue. We confirmed “Prevent scroll in parent page while scroll end in modal dialog” as bug from our end and logged the report for the same. We will include the fix in weekly patch release which is planned to roll-out on 4th February.   

   

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: 

https://www.syncfusion.com/feedback/11390/

As a work around you can make the scroll disabled if the dialog is open and enable the scroll after it is closed by using the following style. Also we have prepared a sample based on your requirement. 

 

 

body.e-scroll-disabled { 

    overflow: hidden; 

} 

 

 

Sample: https://www.syncfusion.com/downloads/support/forum/150796/ze/DialogScroll553204382

Regards, 

Indrajith 

[Sorin]

Thank you for your quick reply and sample code.

I look forward to the release in early Feb!

[Indrajith Srinivasan]

Hi Sorin,

Thanks for the update. We will let you know once the fix is included. 

 

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Sorin, 

 

We are glad to announce that our Essential Studio Volume 4, 2019 service pack release (v17.4.0.46) is rolled out and is available for download under the following link. And the fix “Prevent scroll in parent page while scroll end in modal dialog” is included in this release. 

 

https://www.syncfusion.com/forums/151087/essential-studio-2019-volume-4-service-pack-release-v17-4-0-46-is-available-for-download 

 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

 

Regards, 

Indrajith 

[Sorin]

Hello Indrajith,

Thanks for the heads up.

I updated my code to v17.4.0.46 to try it out.

However now I'm seeing an even bigger problem.

With the new version, the modal is only opening the first time.

When I proceed to close it and try to open again, nothing pops up.

When I downgrade back to v17.4.0.44 this is not a problem, so it seems to have been introduced in v17.4.0.46

I don't see any errors in the console window either.

Thanks,

Sorin

[Mr Andrey Voronov]

I am using the latest version 17.4.47 and also setting IsModal = true 

Pressing Tab key moves focused field outside EjsDialog window

[Indrajith Srinivasan]

Hi Sorin, 

We deeply apology for the inconvenience. 

If you have used the Visible property in Dialog, it will be opened only for the first time. We have resolved the breaking issue with two-way binding and the fix is available with the release version 17.4.47.  

  

Release notes: https://ej2.syncfusion.com/blazor/documentation/release-notes/index/#common 

The dialog works well with 17.4.47 release version. Can you please upgrade your package to this version? 

Regards, 

Indrajith 

[Sorin]

Hi  Indrajith,

Thanks for confirming!

I'm using the latest 17.4.49 and confirm that it's working well.

I appreciate the help!

[Indrajith Srinivasan]

Hi Sorin,

Thanks for the update, 

  

We are glad that your issue is resolved. Please let us know if you need any further assitance on this.

Regards, 

Indrajith