"Content Area Modal" PopUp iPad, iPhone

[ronaldo304]

Hi there,
I got an strange issue with “Content Area Modal”, but only on iPad and iPhone.

Issue 1:
Here on the pictures you can see that on the iPad only the green-yellow marked area of ​​the “Content Area Modal”-Button calls the popup. The red area has no effect.

Issue 2:
If you have called the popup then (with an iFrame in it), you can scroll the inner content, but only when you scroll on the black area (red hand). But if you want to scroll in the content area (green hand), as you normally do, the background content scrolls, but not the content of the pop-up text.

So just the other way around.

Desktop Version, Android (Tablet and Mobil) is working fine.

Can you please help me with that Issue?
Thank you!

It’s this site:

Bokeloh+Partner - Infolisten

[rad]

Hi @ronaldo304,

Thanks for reaching out.

1. Please add this CSS to your global custom CSS as fix

.x-modal:not(.x-active) {
pointer-events: none;
display: none;
} 

2. As for the iframe, looks like it’s a bug between IOS and iframe as it’s not receiving the scroll event of the main window. I tried some workaround and no luck. How about adding it as content instead of the iframe? Example,

<div id="my_custom_content">
Your content here
</div>

Then it just need additional CSS to limit the height and enable scrolling

#my_custom_content {
max-height: 500px;
width: 100%;
overflow-y: scroll;
}

Same but not an iframe.

Thanks!