As the page loads, I'm getting a flash of all slick images stacked. I'm using css to set max-height (as vw) w/ overflow:hidden. Though I'm a little concerned about browser support (I am using modernizr), I'm mainly wondering if my setup is causing it.

Comments

lardfw created an issue. See original summary.

gausarts’s picture

gausarts commented
Category: Bug report » Support request

You are fine, but this is more related to the library, not module:
https://github.com/kenwheeler/slick/issues/1741

Thoughts?

lu_smithcon’s picture

lu_smithcon commented

Thanks for the link to the issue. I'll stick to using css. Setting width and height in vw seems to be working okay.

gausarts’s picture

gausarts commented
Status: Active » Fixed

Yes, I myself sometimes use the same approach as you did with max-height, and overflow hidden where appropriate. Probably the best way is to hide the rest of slides except the first with the toggle of no-js, js and slick-initialized classes.

I avoided to adopt the solution offered in that thread since I may not be aware of various use cases:

  1. Some people may want a custom non-JS fallback, like a pure CSS slideshow for non-JS users, although a rare case nowadays.
  2. They may want to have a tooltip around slide elements which may be blocked by the overflow hidden, e.g.: a logo slideshow having a simple descriptive tooltip with pure CSS on each image.
  3. etc.

Another similar issue dependent on various use cases is like ajax-loader.gif. You may not want it when you only have a pure text slideshow, or when you want an icon font.

Let's close this now as the solution is there dependent on custom use cases ;)
Thanks.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.