carousel content block

photoclick · January 3, 2015

Hello Everyone,

I am testing carousel content block and would really appretiate if you can visit this link ( http://verticalscrollbar.smugmug.com/Abc ) and post a screenshot of what you see. The issue is - on multiple computers and different browsers I constantly see this page has a vertical scroll bar. However some people who visit the same page told me they do not see the vertical scroll bar. No other controls are on the page, just one content block that is supposed to occupy the enitre height of the viewable area.

Thank you very much and I appreciate if I can see a few screenshots from different people. Thank you very much everyone!

denisegoldberg · January 3, 2015

That page always has a vertical scroll bar for me. I checked in Chrome, Firefox, and IE.

--- Denise

ChancyRat · January 3, 2015

I only have a (17-in) laptop, and in full screen it does have a vertical scrollbar.
Also if I mouse-motion downward, a horizontal one appears also. This is Firefox but I see the same in IE and Chrome, whether the window is normalish or full-screen.

photoclick · January 3, 2015

Thank you very much- that's great I can see what other people see when visiting that page. Anyone else can post screenshotS, please?

Perhaps someone knows if this particular content block should trigger vertical scroll bar?

Thank you very much for helping !

ChancyRat · January 3, 2015

photoclick wrote: »

Thank you very much- that's great I can see what other people see when visiting that page. Anyone else can post screenshotS, please?

Perhaps someone knows if this particular content block should trigger vertical scroll bar?

Thank you very much for helping !

and please for heaven's sake wipe that nose and comfort that child! It's hard to see that image over and over. :nono

colourbox · January 4, 2015

If any of your viewers are on a Mac, a setting in their General system preferences may affect scroll bar display, probably regardless of how the content block CSS is set. This screen shot shows Safari in OS X 10.9, same browser window but when the "Show Scroll Bars" option is at two different settings.

I think the reason the second one has no arrow is the mouse was not over the carousel. By the way, that is the browser window, I just hid the address bar and bookmarks.

photoclick · January 4, 2015

Colourbox - thank you. It might be the case here. I am not a MAC user, but I did try to find similar setting in Windows environment in Chrome - I could not. Unfortunately I could not convince the viewers to reveal anything about their environment - this group of users happened to be very stubborn to say the least:)

Anyway, the issue here is I believe the carousel content block should not be triggering vertical scroll bar assuming there are no other customization that would do it. The page I am testing with ( http://verticalscrollbar.smugmug.com/Abc ) has no other customization that would be triggering the appearance of the vertical scroll bar. However, as you guys see on your screens, the vertical scroll is still there. I'd appreciate any ideas why it might be happening.

Thank you very much!

rnrjosh · January 5, 2015

photoclick wrote: »

Anyway, the issue here is I believe the carousel content block should not be triggering vertical scroll bar assuming there are no other customization that would do it. The page I am testing with ( http://verticalscrollbar.smugmug.com/Abc ) has no other customization that would be triggering the appearance of the vertical scroll bar. However, as you guys see on your screens, the vertical scroll is still there. I'd appreciate any ideas why it might be happening.

I'm not seeing the carousel content block on that page, did you make changes to that page? I haven't changed any of the customization there, but it may be that you are trying to pull images from a deleted gallery. We can take a closer look if you could show us an example.

photoclick · January 5, 2015

My deepest apologies, Josh! I momentarily repointed the gallery and forgot to revert it back to normal. It is bakc to the original state now. I simply wanted to see if the image size played any role here. I still see the vertical scroll bar and it appears if and when there is a horizontal bar present. Basically - if you hve only one image in the content block and there is no scrolling left or right - no vertical bar. Fell free to change and modify whatevr you need there - it's a temporary. clean test site.

Thank you very much for your help,
mike

rnrjosh · January 5, 2015

It looks like this may only affect browsers on Windows systems. We could reproduce the vertical scrollbars on Windows systems in that gallery, though I don't see them in any browser on my Mac. We'll take a look to see if that's something we can tweak on our end. in the meantime, this CSS should likely hide the vertical scroll bars from appearing:

html.sm-user-ui, .sm-user-ui {
overflow-y: hidden;
}

This code may have other unwanted implications on scroll bars, so you may only want to add that to carousel-specific pages to be on the safe side.

jerryr · January 6, 2015

Hi - here is what I came up with for the new carousel content block.
http://www.db-weddings.com/Portfolio-Wedding

Feedback I have received so far :
- Excellent ! Glad SmugMug implemented the new carousel content block
- Would like to have the images in the carousel content block 'clickable' - like the slideshow, collage, etc...
- When the arrows are enable, have the photos scroll left/right to show the entire photo

Great job overall !!
jerry

leftquark · January 7, 2015

I don't see any scrollbars and the images properly shrink if I change the height of my browser. I'm on a mac

photoclick · January 7, 2015

Aaron,

You do not (did not) see the vertical scroll bar because the css below was applied by Josh (few posts above) as a temporary remediation. I just removed it so you can check and confirm the vertical scroll bar. Please, keep in mind that on MAC, depending on the configuration of your FF, the vertical scroll bar may be suppressed as colourbox pointed above.

html.sm-user-ui, .sm-user-ui {
overflow-y: hidden;
}

leftquark · January 7, 2015

I see the scrollbars now. It looks like it has to do with how we're setting the height of the list of images for the carousel. I'll discuss with Engineering tomorrow.

photoclick · January 8, 2015

Aaron - thank you for addressing this issue, and thanks to everyone here who helped to confirm and to Josh who first from SM was able to reproduce and confirm this bug. However, it took me from December 24 to January 5 to convince people who I communicated over at helpdesk@smugmug.com that I am not an idiot. In fact, I only was able to convince them that the scroll bar does exist only after I had to resort to posting here and getting the feedback from users. It is very disappointing to see how dismissive and skeptical employees at helpdesk@smugmug.com were to the issue I reported.

leftquark · January 8, 2015

photoclick wrote: »

Aaron - thank you for addressing this issue, and thanks to everyone here who helped to confirm and to Josh who first from SM was able to reproduce and confirm this bug. However, it took me from December 24 to January 5 to convince people who I communicated over at helpdesk@smugmug.com that I am not an idiot. In fact, I only was able to convince them that the scroll bar does exist only after I had to resort to posting here and getting the feedback from users. It is very disappointing to see how dismissive and skeptical employees at helpdesk@smugmug.com were to the issue I reported.

Well that doesn't sound very heroic to me. I'll pull up the ticket and make sure we improve upon the experience in the future!

leftquark · January 8, 2015

Ok, so some good news and some bad news. I've made some progress on dissecting the issue:

1) Things start to "break-down" when smaller images are tried to load larger than they actually are. I noticed the images you uploaded are only ~1600 px but our windows can be larger. Your images weren't filling up my screen and had some weird mis-matching height issues because of it. I downloaded your images and resized them to something large and re-uploaded them into a new gallery and re-set the Carousel to use the new larger images. Now the images fill my screen.

2) Once this was done it now became apparent that the HORIZONTAL SCROLLBAR at the bottom is resting below the visible space of the screen. The photos are taking up 100% of the screen but the scrollbar is sitting below it. It appears that's why there's a vertical scrollbar.

I'll need to continue to investigate this so stay tuned!

claudiusmax · January 12, 2015

Is it possible to hide the scrollbar completely ?

W.W. Webster · January 14, 2015

claudiusmax wrote: »

Is it possible to hide the scrollbar completely ?

I have presumed this must be possible with a hack but I hadn't got round to asking this question, so I'm all ears!

leftquark · January 14, 2015

You could hide both scrollbars by using the following:

/* Hide the horizontal and vertical scrollbars */
html.sm-user-ui, .sm-user-ui {
  overflow-x: hidden;
  overflow-y: hidden;
}

W.W. Webster · January 14, 2015

leftquark wrote: »

You could hide both scrollbars by using the following ...

'Both' scrollbars? I thought there was only one - along the bottom. That's the (only) one I'd like to remove!

leftquark · January 14, 2015

W.W. Webster wrote: »

'Both' scrollbars? I thought there was only one - along the bottom. That's the (only) one I'd like to remove!

In some cases, like viewing a 100% carousel, or including content blocks above/below the carousel, it can cause the page to require vertical scrolling. I figured I'd give the code for both and people can alter it as needed

W.W. Webster · January 14, 2015

leftquark wrote: »

In some cases, like viewing a 100% carousel, or including content blocks above/below the carousel, it can cause the page to require vertical scrolling. I figured I'd give the code for both and people can alter it as needed

Well, I never stop learning! Thanks for your help and ongoing efforts.

claudiusmax · January 15, 2015

leftquark wrote: »
You could hide both scrollbars by using the following:
/* Hide the horizontal and vertical scrollbars */
html.sm-user-ui, .sm-user-ui {
  overflow-x: hidden;
  overflow-y: hidden;
}

Thank you Aaron. I will try it out today and see how it looks.

photoclick · January 19, 2015

Any updates on when this will be fixed, please?

leftquark · January 19, 2015

photoclick wrote: »

Any updates on when this will be fixed, please?

Now that I've been able to understand the cause of the issue I've gone ahead and filed the issue in our system. I wish I could tell you when we'll have it fixed but with other priorities and exciting things we're working on I won't know exactly when we'll be able to fix it. It's in the queue along with some of the other feature requests on the carousel.

photoclick · January 19, 2015

..... and another problem: Navigation Arrows disappeared: http://www.michaelshapirophotography.com/Abc

photoclick · January 19, 2015

leftquark wrote: »

Now that I've been able to understand the cause of the issue I've gone ahead and filed the issue in our system. I wish I could tell you when we'll have it fixed but with other priorities and exciting things we're working on I won't know exactly when we'll be able to fix it. It's in the queue along with some of the other feature requests on the carousel.

Thanks for quick reply. I guess we posted at the same time: see my msg above. Another issue - Navigation Arrows do not work anymore.

leftquark · January 20, 2015

photoclick wrote: »

Thanks for quick reply. I guess we posted at the same time: see my msg above. Another issue - Navigation Arrows do not work anymore.

Hmm, strange. I see navigation arrows when I load it

photoclick · January 20, 2015

Aaron - here is the reason why I did not see navigation arrows (you might find it helpful in case other people complain) : issue was on a Windows 8 machine with touch screen in Chrome browser with the touch support enabled. chrome://flags "Enable touch events=Automatic". On computers with touch screen this setting translates to ON. The moment I disabled the touch support - navigation arrows appeared.

denisegoldberg · January 21, 2015

photoclick wrote: »

Aaron - here is the reason why I did not see navigation arrows (you might find it helpful in case other people complain) : issue was on a Windows 8 machine with touch screen in Chrome browser with the touch support enabled. chrome://flags "Enable touch events=Automatic". On computers with touch screen this setting translates to ON. The moment I disabled the touch support - navigation arrows appeared.

Very interesting...

I think this was likely the source of my problem in the thread collage landscape always shows caption in Chrome (should float), OK in IE11 / FIrefox. Some CSS was provided to take care of the problem.

The thing that is going to be interesting for all of us is that disabling touch support is on the local computer as opposed to something that we can control for our sites. This implies that different viewers will likely see different things / options on our sites.

--- Denise

carousel content block

Comments