Range input issues with MS Edge

[frank-laemmer]

The implementation of the range input input[type=range] or better .range is a bit buggy for MS Edge. CSS Vars are not accepted for styling there:

Official bug at MS:
CSS variables don't inherit into range input track, fill, thumb

Current workaround

Therefore the color values are hardcoded by SCSS and the range input can NOt be themed with CSS only for MS Edge. The function "color(color, step)" will use the global colors map. So the range input will look ok, as long as you don't modify any CSS Vars or within a tinted or inverted local theme.

Alternative workaround

MS Edge and Teutonic are not the best friends yet. There are other issues. Use the build from SCSS option and disable CSS var calculations for a better support (but less cool features).