Serious bug: Slick Slider turns off subpixel font rendering on the entire site in Chrome #2275
Description
short description of the bug / issue, provide more detail below.
The fonts looks like this in latest Chrome with Slick Slider's .js file uncommented in my HTML:
However if I re-activate slick slider the subpixel rendering just gone in Chrome:
https://jsfiddle.net/Lanti/pnkogaLz/29/
https://jsfiddle.net/Lanti/pnkogaLz/30/
Steps to reproduce the problem
- Make a screenshot from the following Fiddle example in Chrome latest:
https://jsfiddle.net/Lanti/pnkogaLz/29/ - Insert in Photoshop, zoom in to see pixels.
- The subpixel rendering (chromatic abberation around the characters) is gone, when Slick Slider is enabled!
- Uncomment the slick slider's init code and the subpixel rendering back again:
https://jsfiddle.net/Lanti/pnkogaLz/30/
Needs to be fixed ASAP!!! This causing blurry, bolder text in Chrome.
Can it be an issue in slick.min.css?
UPDATE:
This is happens to be the case when:
a.) Slick slider used with default slick.min.css, no own styling for the slider, as seen at https://jsfiddle.net/Lanti/pnkogaLz/29/.
b.) Slick slider used with my own styling (flexbox layout), but using a <div class="container"> after the <body> tag with the following CSS:
.container {
display: -webkit-flex; display: flex;
-webkit-flex-direction: column; flex-direction: column;
}
So, the bug is only presented when either you use with the default CSS or having slick slider in a flexbox layout. Both cases the subpixel font rendering turned off on the entire site in Chrome.
More Details
- Which browsers/versions does it happen on?
Chrome 50.0.2661.87 m 64bit
- Which jQuery/Slick version are you using?
Jquery 3.0.0-Beta1
Slick Slider 1.5.9
- Did this work before?
No, Slick Slider always causing this!