WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
Jetpack Carousel hides browser scrollbar (15 posts)

  1. Duffy Bear
    Member
    Posted 8 months ago #

    Hi -

    When the carousel is open, the next image on the right of the current window prevents you from using the scroll bar. If you tap or click your cursor on the scroll bar, the next image displays and you can't scroll for the comments.

    If you put your cursor on the scroll bar in the area of the next picture, and attempt to slide the scroll bar, you pick up the next picture with your cursor and move the next picture usually to a new browser window.

    Here's the gallery on my 'test site'.

    http://myduffythedisneybear.guntomyhead.com/post-format-gallery/

    Thanks for any help,

    Sandra

    I found a previous thread for this issue. It's closed & won't resolve my problem.

    http://wordpress.org/support/topic/plugin-jetpack-by-wordpresscom-custom-styling-for-carousel?replies=14

    Jetpack fixed this issue from a support ticket, but my browser issue is with Safari not Firefox.

    http://plugins.trac.wordpress.org/ticket/1599

    http://wordpress.org/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 7 months ago #

    The sidebar is properly displayed on my end, in Safari:
    http://i.wpne.ws/TAYu

    If you still experience issues, could you please send screenshots so we can better understand the issue?  Please see http://en.support.wordpress.com/make-a-screenshot/ for information on making screenshots.

  3. mhk1058
    Member
    Posted 6 months ago #

    Sorry to hijack someone else's thread, I'm getting the same issue and as he hasn't posted back, here goes.

    It happens in Firefox, the image scroll arrow covers the browser scroll bar on the right. Clicking on the scroll bar arrow on the browser actually changes the picture. For me this has been a problem since Carousel was introduced.

    I also find it not ideal that you have to scroll down anyway. Meta data and comments boxes are great but people probably don't notice them, and if they do, it's not easy to get to them when the browser scroll bar is largely hidden.

    Here is a screen shot which I hope explains better than my waffle.
    http://markkneen.com/wp-content/uploads/2014/02/carousel.jpg

    It works better in IE but images are offset to the right which doesn't look great.

  4. Duffy Bear
    Member
    Posted 6 months ago #

    Yep - I don't like the scrolling down part either.

  5. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 6 months ago #

    Hi both of you;

    Could you link me to an example of where this is happening for you? Also, can you confirm what browser version you are using?

    Thanks!

  6. mhk1058
    Member
    Posted 6 months ago #

    Hi,

    Yes, Firefox 26

    If you follow this link, the images in the post should open in Carousel.

    Cheers

    Mark

  7. Duffy Bear
    Member
    Posted 6 months ago #

    Hi - I put together a post on my 'practice' site.

    http://myduffythedisneybear.guntomyhead.com/jetpack-carousel-hides-browser-scrollbar/

    Using Safari 7.0.1

  8. mhk1058
    Member
    Posted 6 months ago #

    Yep, not just me then.

  9. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 6 months ago #

    Mark: I couldn't reproduce in Firefox 26 or 27 on OSX, but I was able to on Windows 7. What OS are you using?

    Duffy: I was able to reproduce on Safari 7.0.1 as well.

    This issue was previously reported here:

    https://github.com/Automattic/jetpack/issues/56

    I have added our findings to the issue. Thanks for the report!

  10. mhk1058
    Member
    Posted 6 months ago #

    Sorry, should have said, Windows 7 Home Premium 64 bit

  11. Duffy Bear
    Member
    Posted 6 months ago #

    I'm looking forward to the next release. I really want the option for my visitors to be able to leave comments on their pictures.

    It would be nice if you could also put the comments closer to the pictures. People won't necessarily scroll down to even see that there is a comment box.

    Thanks!

  12. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 6 months ago #

    Duffy: They can always scroll down using the wheel on their mouse, for example, or using the arrow keys. I know that's a workaround, and hopefully we'll fix the issue soon for you. ALso, if you want to move the comments closer, you can likely do that with some CSS.

  13. Duffy Bear
    Member
    Posted 6 months ago #

    Thanks. The CSS stuff sounds good.
    I guess I can put that CSS in the JetPack Custom CSS area.

    Any idea where I can get what I need?
    Thanks.

  14. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 6 months ago #

    Try something like this:

    .jp-carousel-info {
    margin-top: -30px;
    }

    Of course, the value there is just a suggestion; play around with it until you get what you like!

  15. Duffy Bear
    Member
    Posted 6 months ago #

    SaWeet!!! Thanks!

Reply

You must log in to post.

About this Plugin

About this Topic