Simple Modal - stops page from scrolling on close

Hi,

I am using the simple modal from the marketplace, 2 Issues that I have come across are;

  1. on closing the modal, it does not allow the page to scroll down anymore, although elements on the page are still clickable.
  2. on loading the page, if you scroll further down and then attempt to load a modal, then it does not load anything and makes the screen unresponsive, although it does add an overlay on the page.

It seems there is some issue with the underlying CSS, doing some research it seems, it could be related to the overflow property?

Hello @Farid!

I tried to reproduce the issues you described, but everything works correctly for me.
Could you please add screenshots of the logic or create a test page with only the necessary logic to reproduce these issues?

Regards,
Alexander

Hi,

Test Page below, demonstrates both issues

app Id - 1DB29D6D-B0AF-C6AC-FFAB-F383421A0C00
container - Comms
page - test2

This problem is solved after reinstalling the Simple Modal component and replacing the old components with new ones.
I think this is due to the fact that you now have an older version installed, we apologize for the inconvenience caused.

Regards,
Alexander

thanks for looking into this

If I reinstall the modal, will the logic associated with it be lost, or will it simply replace the component keeping the logic intact?

Just a suggestion - but in the components section, it might be an idea to alert the user, if there is an update available for the particular UI component

Thanks

Unfortunately, you will need to replace the components and logic with new ones.

Thanks, that’s a great idea!

Regards,
Alexander

ok thanks for the clarification, but that does present a significant issue, as I have a considerable amount of logic associated with another modal, which would need rebuilding or copy/pasting elsewhere, before updating the component.

A suggestion would be to allow updating of the UI component and leaving the user created logic intact?

Thanks

As a temporary solution, I can offer you the following workaround:
You need to add a block with custom code to remove the css class after closing the modal window.


Regards,
Alexander