Can’t scroll or do anything after open lightbox image

  • Resolved locha9066

    (@locha9066)


    3 years, 10 months ago

    When open the image, when I close the lightbox, I can’t scroll up/down to continues read the post, my mouse change to zoom in icon.
    You can go to my post: https://sharengay.com/best-note-taking-app-danh-rieng-cho-sinh-vien-hoc-tap-trong-ky-thi/
    Scroll to list image, click image, click out to close lightbox.

    I checked, seem lightbox-photoswipe add the custom css to html:
    margin-right: 17px; overflow: hidden;
    and add class mfp-zoom-out-cur to body tag. I don’t know how to turn off this.

    
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Arno Welzel

    (@awelzel)

    It works fine if you do not scroll up and down when the image is open.

    This may be problem with your theme when Lightbox with PhotoSwipe tries to hide the scrollbars and make the re-appear again when the image closes. Try turning off the option “Hide scrollbars when opening the lightbox (this may not work with your theme)” in the General settings of Lightbox with PhotoSwipe.

    Thread Starter locha9066

    (@locha9066)

    I was unchecked this option and clear all cache. Same issues, in old version, I don’t have error

    Plugin Author Arno Welzel

    (@awelzel)

    Please turn off all caching completely for testing.

    I can see that the option is unchecked, but the scrollbars still hide when opening the lightbox – this not correct.

    Also see my demo site – you can see the scroll bars will stay visible when the option is unchecked: https://wordpress-demo.arnowelzel.de/lightbox-with-photoswipe/

    I don’t know problem your site has – but you have other plugins which cause a conflict with Photoswipe.

    Thread Starter locha9066

    (@locha9066)

    At this time, I turn off all cache, I open the private browser to check but still not ?oking. I using Newspaper and I also turn off lightbox popup of this theme, I only stuck with this issue after update Photoswipe in recent version

    Plugin Author Arno Welzel

    (@awelzel)

    There is still a cache in use:

    <!--
Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com

Retrieved 5674 objects (905 KB) from Redis using PhpRedis (v5.3.1).
-->
    Thread Starter locha9066

    (@locha9066)

    Sorry, i forget redis cache, I also turn off redis object cache and clear cache in vps right now.

    Thread Starter locha9066

    (@locha9066)

    If I remove css in html tag:
    margin-right: 17px; overflow: hidden;
    and remove class mfp-zoom-out-cur in body tag, it will work. But I do not know how to remove that

    • This reply was modified 3 years, 10 months ago by locha9066.
    Plugin Author Arno Welzel

    (@awelzel)

    This CSS gets added by Photoswipe when opening an image and removed again when closing it – but to the BODY and not(!) to the HTML element. Also see here:

    https://arnowelzel.de/en/retro-high-end

    Another problem is, that the HTML element has 18(!) JavaScript event listeners – and I don’t know what these will do when opening or closing an image with Photoswipe:

    1x beforeunload
    1x click
    4x DOMContentLoaded
    1x focus
    1x haschange
    3x load
    2x message
    1x mousedown
    1x mouseup
    1x popstate
    1x selectionchange
    1x touchmove

    I am sorry – but I don’t know how fix your problem. Maybe the people of the Newspaper theme have an idea.

    Thread Starter locha9066

    (@locha9066)

    I see the problem only affect with gallery (many image so I must create gallery, user can easy see image).
    You can see in this url:
    https://sharengay.com/dich-vu-yam-slick-mua-tai-khoan-netflix-gsuite-express-vpn-gia-re/
    Another image using photoswipe, can close and continues scroll to read post. Only have issues when click in gallery image, the bug is start. I also don’t know problem, I was contact to tagDiv Newspaper but they said not support when user don’t using lightbox default (they was write this function, but I turn off and using Ph?tipe. The reason this Photoswipe is better)

    Plugin Author Arno Welzel

    (@awelzel)

    Ok, then use another gallery. I can not fix the problems with your gallery.

    Thread Starter locha9066

    (@locha9066)

    Thank you very much

    Thread Starter locha9066

    (@locha9066)

    Do you know any plugin create Gallery working with Lightbox Photoswipe?

    Plugin Author Arno Welzel

    (@awelzel)

    The default gallery of WordPress (also the Gutenberg gallery block) works fine and usually most other gallery plugins as well.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Can’t scroll or do anything after open lightbox image’ is closed to new replies.