Popup Maker Overlay Causing Problems with Anchors

  • Resolved connormagyar

    (@connormagyar)


    6 years, 5 months ago

    I use Popup Maker to display a notice on all pages of this site, and since the last update I’ve had a problem with the overlay (which is set to be disabled) affecting most of my anchor tags in the menu.

    If you’ve scrolled down the page at all and click on an anchor either in the menu or on-page, the first click takes you to the top of the page, as though you’d hit a “/#” anchor, and then on the second click, it will follow the link.

    Using Chrome dev tools I’ve found that the issue goes away if you un-check the “position:static;” for “html.pum-open.pum-open-overlay-disabled.pum-open-scrollable.pum-overlay.pum-active” but making that change in the WordPress additional CSS doesn’t affect the on-page behavior.

    This is the development environment for a site which currently has an older version of popup maker and the issue does not show up there.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Daniel Iser

    (@danieliser)

    @connormagyar – Your fix didn’t make any difference. The issue may be completely unrelated to the popup but at this point its hard to tell because your using autooptimize to minify all JS into one file.

    Would need to undo that for proper testing. Further, it happens if you right click as well, we don’t have any right click functionality which further points to some other plugin/theme with some click based functionality that isn’t working the way they expected when a popup is open.

    Thread Starter connormagyar

    (@connormagyar)

    Looks like it’s an issue with the Twenty Seventeen theme, then. Issue still appears with only Popup Maker activated.

    Thread Starter connormagyar

    (@connormagyar)

    Hm, though it appears as well with the Twenty Sixteen theme activated.

    Plugin Author Daniel Iser

    (@danieliser)

    @connormagyar – I’m not sure what your referencing, the link you posted above clearly has other plugins active.

    I also tested locally using Twenty Seventeen and it is not occurring for me currently. So there must be some other variable we are missing.

    • This reply was modified 6 years, 5 months ago by Daniel Iser.
    • This reply was modified 6 years, 5 months ago by Daniel Iser.
    Plugin Author Daniel Iser

    (@danieliser)

    @connormagyar – NVM see you already disabled auto optimize. I will debug again now that its disabled.

    • This reply was modified 6 years, 5 months ago by Daniel Iser.
    Thread Starter connormagyar

    (@connormagyar)

    Oops, I re-activated. Now it’s got just Popup Maker and using a Twenty Seventeen Child Theme

    Plugin Author Daniel Iser

    (@danieliser)

    @connormagyar – Strange I can’t duplicate it locally, but I think the issue is related to our accessibility tab/focus trapping. Though if that were the case I would expect it to keep trapping the focus. Notice when you click a link it focuses to the link in the popup (it becomes underlined). So PM isn’t jumping the screen, the browser is to show the focused content.

    Need to figure out why I can’t duplicate it, but I have to run out for a bit. Can you leave it like it is for now, feel free to re-enable everything but auto-optimize.

    Thread Starter connormagyar

    (@connormagyar)

    Okay, I was wondering if it was an unmatched tag in the popup content, but it’s all solid. I will leave it with Autoptimize disabled.

    Just checked again, and it does seem to be a Chrome-only issue.

    Thread Starter connormagyar

    (@connormagyar)

    The issue does go away when I remove the anchor tag from the popup content.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Popup Maker Overlay Causing Problems with Anchors’ is closed to new replies.