Slick not working with CSS grids fr-units (fractions)

When using fr-units within css grid, Slick can't determine the width properly. Instead correct width, it makes it huge.

====================================================================

Here's the bug in action: https://codepen.io/virmasalo/pen/XgVzrM

====================================================================

Steps to reproduce the problem

1. Create slick using css grid and px -units
2. Change px-units to fr-units

====================================================================

What is the expected behaviour?

Work like it does with px or other typical units.

====================================================================

What is observed behaviour?

Slick can't calculate the width properly, but instead gives a huge value for it.

====================================================================

More Details

• Firefox latest
• Latest jQuery & Slick