Tagged: , , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 9, 2020 at 4:04 pm #1244655
    PF_OS

    Hi,
    when entering our page for the first time, the cookie modal automatically appears.
    If you want to scroll down to get to the submit button on iOS, you are not able to go to it when scrolling on the text. Only if you scroll at the very narrow side or if you open another tab, you can get to it. This is very unfortunate, because the typical user just puts his finger on the text to go to the submit button at the bottom.
    Here you can see a video of it:

    Is there any possibility to fix it?

    Thanks for your help.

    Jannis

    September 10, 2020 at 5:56 am #1244745
    Jordan Shannon

    Hey PF_OS,

    Please provide a link to the site page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    September 14, 2020 at 4:31 pm #1245790
    PF_OS

    Hi,

    I provided the link in the Private Content below.

    Thank you.

    Best regards,
    Jannis

    September 16, 2020 at 7:37 am #1246189
    Ismael

    Hi,

    Thank you for the info.

    The issue happens because there are two scrollbars within the lightbox container, one scrollbar is for the tab section or consent info container and the other is the default scrollbar of the lightbox or modal popup container. So when the user swipes in the middle of the screen, only the consent info container scrollbar moves.

    To fix the issue we have to disable the scrollbar of the consent info container or the tabs and leave the default scrollbar of the lightbox container. Please try to use this css code.

    .responsive .avia-popup .av-inline-modal .tabcontainer.sidebar_tab {
	overflow: hidden;
}

    Make sure to toggle or temporarily disable the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    September 18, 2020 at 6:08 pm #1246889
    PF_OS

    Hi Ismael,

    thank you for your response.

    I think this additional CSS worked for me, but only when I set a !important behind “hidden”.

    But I think this setting caused another problem:

    If I’m going to the second tab now, then a part of the text is invisible, as well as the toggle buttons below the text, but still only on iOS I think.

    https://ibb.co/gSwXRfR

    You can also see it on the website, the link is in the private content of my last response.

    Can I fix this somehow?

    Best regards,
    Jannis

    September 21, 2020 at 5:14 am #1247247
    Ismael

    Hi!

    Thank you for the update. We’ll forward the issue to our channel and notify our developers so that they could it inspect further. Possible temporary solution is to disable the modal popup on mobile view and add a new link that leads the users to a dedicated page containing the privacy info.

    Best regards,
    Ismael

    October 23, 2023 at 2:59 pm #1423413
    MW-Design

    Hi guys,

    it seems that the problem isn’t fixed yet. I am using a newer Enfold version for different websites but still have this bug on all websites, especially on iOS devices.
    Could someone help?

    Thank you. :)

    Greetings,
    Michael

    • This reply was modified 1 year ago by MW-Design.
    October 24, 2023 at 2:48 am #1423486
    Ismael

    Hi,


    @MW-Design    : The site contains an older version of the theme. Please upgrade the theme from 5.6.2 to the latest version 5.6.6. If the issue persists, please feel free to open another thread.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Cookie Modal iOS Scroll Bug’ is closed to new replies.