Slick track width calculating width to large number

See original GitHub issue

Has anyone run into this issue and know how to resolve it? I am seeing slick-track’s width being calculated incorrectly to a very large number on mobile devices (ios chrome and safari, haven’t tested android). The width is correct on desktop chrome, firefox, edge, ie11…

Capture

Issue Analytics

State:
Created 4 years ago
Reactions:35
Comments:16

Top GitHub Comments

40reactions

camilocagdcommented, Feb 14, 2020

@neomaxzero we used the following attributes in the container:

max-width: 100vw; width: 100%;

Good luck!!!

25reactions

conary-hcommented, Jul 4, 2020

@HZooly thank you! This worked for me:

.slider-container {
    max-width: 100vw;
    width: 100%;
    overflow: hidden;
}

Top Results From Across the Web

Slick slider gets wrong width - Stack Overflow

Save this question. Show activity on this post. My slick slider gets wrong width when initialized and when I change screen resolutions.

slick-track width calculation - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

Developers - Slick track width calculating width to large number -

Has anyone run into this issue and know how to resolve it? I am seeing slick-track 's width being calculated incorrectly to a...

Slick Slider with auto width - CodePen

http://kenwheeler.github.io/slick/ Forked from [Josh Adamous](http://codepen.io/joshadamous/)'s Pen [Slick Slider](http://codepen.io/joshadamous/pen/m...

kenwheeler/slick - Gitter

.slick-track and .slick-slide have width:0 set to them ... or tapping the prev/next causes the slider to work, but initially it's just displays...