Popup blocks clickable area across the screen

  • Resolved Richard Foley

    (@richardfoley)


    6 years, 5 months ago

    hi Ali,

    first off, I’d like to say thanks for a really useful, and mostly very well working plugin.

    I’ve noticed a small issue on my site to do with the way the popup of “likers”, (users who have liked an item), is created. The normal case is that when I mouseover the thumbs-up icon, a popup appears which shows how many people have already liked the item. The problem is that the mouseover area extends right and left across the page. This extended mouseover area then blocks any other clickable link under it.

    This is like an invisible strip which stretches from left to right all the way across the screen, *instead* of just over the thumbs-up icon.

    Another example page is here https://www.naktiv.net/?s=naktiv, in this case, at the bottom of the page are several ‘next-pages’ links on the bottom-right of the page, which are impossible to click, because the uLike popup *pops up* from the bottom-left (other side) of the page.

    I hope I’ve described the problem clearly, and that the solution is relatively simple?

    R.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Alimir

    (@alimir)

    Hi @richardfoley
    I am very glad you enjoyed wp ulike ??
    I reviewed your issue and the problem was a custom inline css in your root. (Remove the code below from your custom css area)

    
.wp_ulike_likers_wrapper {
    margin-left: 50%;
    margin-right: -50%;
}
    Thread Starter Richard Foley

    (@richardfoley)

    hi Ali,

    thanks for taking a look at this so promptly, but hmm, well yes and no. I placed that custom CSS there so that the uLike popup would shift to the right and let you click behind it. I’ve now disabled my custom CSS and if you look at that page again, you’ll see your popup on the left of the page (as expected).

    If you now mouserover the “1, 2, 3, …” blog page links on the *right*, you’ll see that the uLike popup still pops up on the left, which is the original problem. :\

    R.

    • This reply was modified 6 years, 5 months ago by Richard Foley.
    Thread Starter Richard Foley

    (@richardfoley)

    Here’s a different page where you can see the same problem, in case it makes it any easier to debug.

    https://www.naktiv.net/members/barehiker/bb/my-posts/197310/

    Here, there is a PDF file located under the “Caught” link. If you arrive at it from the left side, or the top, of the page, all is well and you can click the link. However, if you arrive from the lower part of the page, and once the uLink popup pops up, it becomes impossible to click the link because of the popup, which popups over the link.

    Maybe this makes it easier to see what’s going on?

    R.

    Richard, did you ever figure out a fix for this? I’m experiencing the same issue. The bar pops up regardless of how far to the right of the button the user hovers.

    Thread Starter Richard Foley

    (@richardfoley)

    hi J, no the problem still exists, as per the more recent bug report I filed (with more information). https://www.ads-software.com/support/topic/popup-blocks-clickable-area-across-the-screen-still/

    It’s good to have the bug confirmed by another user though. It’s a small thing for such a great plugin but it’s still a bug ??

    Hi Richard,

    maybe you can try it!

    div.wpulike.wpulike-default
    {
    width: 300px;
    margin-top: 55px;
    }

    • This reply was modified 6 years, 2 months ago by ymjin.
    Thread Starter Richard Foley

    (@richardfoley)

    Yay, @ymjin, that’s a quick-fix which works just fine. Many thanks! (y)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Popup blocks clickable area across the screen’ is closed to new replies.