chrome and mobile safari dropped support for -webkit-slider-thumb::before

[nstokoe]

The color style classes for the range slider does not work anymore on Chrome, iOS and Android. Does work on Desktop Safari.

Check out this codepen on Chrome to reproduce: http://codepen.io/zhipeng/pen/gBdDE

Or checkout the official v1 docs on Chrome: http://ionicframework.com/docs/v1/components/#range

This rule in is not being honored anymore:

  &::-webkit-slider-thumb:before{
    /* what creates the colorful line on the left side of the slider */
    position: absolute;
    top: ($range-slider-height / 2) - ($range-track-height / 2);
    left: -2001px;
    width: 2000px;
    height: $range-track-height;
    background: $dark;
    content: ' ';
  }

It makes senses since this has always been non-standard: https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-slider-thumb

Ionic Version 1

[rastafan]

Hi,

any news/workaround on this issue?