{"action":"created","issue":{"url":"https://api.github.com/repos/kenwheeler/slick/issues/2275","repository_url":"https://api.github.com/repos/kenwheeler/slick","labels_url":"https://api.github.com/repos/kenwheeler/slick/issues/2275/labels{/name}","comments_url":"https://api.github.com/repos/kenwheeler/slick/issues/2275/comments","events_url":"https://api.github.com/repos/kenwheeler/slick/issues/2275/events","html_url":"https://github.com/kenwheeler/slick/issues/2275","id":150661546,"number":2275,"title":"Serious bug: Slick Slider turns off subpixel font rendering on the entire site in Chrome","user":{"login":"DJviolin","id":5021728,"avatar_url":"https://avatars.githubusercontent.com/u/5021728?v=3","gravatar_id":"","url":"https://api.github.com/users/DJviolin","html_url":"https://github.com/DJviolin","followers_url":"https://api.github.com/users/DJviolin/followers","following_url":"https://api.github.com/users/DJviolin/following{/other_user}","gists_url":"https://api.github.com/users/DJviolin/gists{/gist_id}","starred_url":"https://api.github.com/users/DJviolin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DJviolin/subscriptions","organizations_url":"https://api.github.com/users/DJviolin/orgs","repos_url":"https://api.github.com/users/DJviolin/repos","events_url":"https://api.github.com/users/DJviolin/events{/privacy}","received_events_url":"https://api.github.com/users/DJviolin/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/kenwheeler/slick/labels/Invalid:%20Not%20A%20Bug","name":"Invalid: Not A Bug","color":"e6e6e6"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2016-04-24T13:42:54Z","updated_at":"2016-07-15T21:24:35Z","closed_at":"2016-04-24T17:42:15Z","body":"> short description of the bug / issue, provide more detail below.\r\n\r\nThe fonts looks like this in latest Chrome with Slick Slider's .js file uncommented in my HTML:\r\n\r\n![slicker-slider-off](https://cloud.githubusercontent.com/assets/5021728/14767745/a622009a-0a2d-11e6-99d8-9be177b07739.png)\r\n\r\nHowever if I re-activate slick slider the subpixel rendering just gone in Chrome:\r\n\r\n![slicker-slider-on](https://cloud.githubusercontent.com/assets/5021728/14767752/bfa650d4-0a2d-11e6-835b-e5e95d041894.png)\r\n\r\n====================================================================\r\n\r\n\r\n###### `https://jsfiddle.net/Lanti/pnkogaLz/29/`\r\n\r\n###### `https://jsfiddle.net/Lanti/pnkogaLz/30/`  \r\n\r\n\r\n====================================================================\r\n\r\n\r\n#### Steps to reproduce the problem\r\n\r\n1. Make a screenshot from the following Fiddle example in Chrome latest: `https://jsfiddle.net/Lanti/pnkogaLz/29/` \r\n2. Insert in Photoshop, zoom in to see pixels.\r\n3. The subpixel rendering (chromatic abberation around the characters) is gone, when Slick Slider is enabled!\r\n4. Uncomment the slick slider's init code and the subpixel rendering back again: `https://jsfiddle.net/Lanti/pnkogaLz/30/`\r\n\r\nNeeds to be fixed ASAP!!! This causing blurry, bolder text in Chrome.\r\n\r\nCan it be an issue in `slick.min.css`?\r\n\r\n**UPDATE:**\r\n\r\nThis is happens to be the case when:\r\na.) Slick slider used with default `slick.min.css`, no own styling for the slider, as seen at `https://jsfiddle.net/Lanti/pnkogaLz/29/`.\r\nb.) Slick slider used with my own styling (flexbox layout), but using a `<div class=\"container\">` after the `<body>` tag with the following CSS:\r\n\r\n```\r\n.container {\r\n  display: -webkit-flex; display: flex;\r\n  -webkit-flex-direction: column; flex-direction: column;\r\n}\r\n```\r\n\r\nSo, 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.\r\n\r\n\r\n====================================================================\r\n\r\n\r\n#### More Details\r\n\r\n- Which browsers/versions does it happen on?\r\n\r\nChrome 50.0.2661.87 m 64bit\r\n\r\n- Which jQuery/Slick version are you using?\r\n\r\nJquery 3.0.0-Beta1\r\nSlick Slider 1.5.9\r\n\r\n- Did this work before?\r\n\r\nNo, Slick Slider always causing this!"},"comment":{"url":"https://api.github.com/repos/kenwheeler/slick/issues/comments/233073556","html_url":"https://github.com/kenwheeler/slick/issues/2275#issuecomment-233073556","issue_url":"https://api.github.com/repos/kenwheeler/slick/issues/2275","id":233073556,"user":{"login":"DJviolin","id":5021728,"avatar_url":"https://avatars.githubusercontent.com/u/5021728?v=3","gravatar_id":"","url":"https://api.github.com/users/DJviolin","html_url":"https://github.com/DJviolin","followers_url":"https://api.github.com/users/DJviolin/followers","following_url":"https://api.github.com/users/DJviolin/following{/other_user}","gists_url":"https://api.github.com/users/DJviolin/gists{/gist_id}","starred_url":"https://api.github.com/users/DJviolin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DJviolin/subscriptions","organizations_url":"https://api.github.com/users/DJviolin/orgs","repos_url":"https://api.github.com/users/DJviolin/repos","events_url":"https://api.github.com/users/DJviolin/events{/privacy}","received_events_url":"https://api.github.com/users/DJviolin/received_events","type":"User","site_admin":false},"created_at":"2016-07-15T21:24:35Z","updated_at":"2016-07-15T21:24:35Z","body":"Yes, it should be noted, sorry. For really lightweight fonts this is the only way until Chrome will finally fix it. But probably it will take years..."}}
{"actor":{"display_login":"DJviolin"}}