ghj

[souravkole]

Steps to reproduce

1. Open the Demo Link provided below
2. Scroll down at "Range slider with ticks and values at intermediate positions"
3. Showing step numbers in different position in IE browser(11).

Demo: http://angular-slider.github.io/angularjs-slider/

Expected behaviour

Step numbers should appear below the scale, as displayed in Chrome

Actual behaviour

Step numbers are appearing on top of the scale, step number and selected step numbers are overlapping,
So it is not working properly in Internet Explorer

[ValentinH]

Indeed, this is a bug. Unfortunately, I don't have a Windows machine to try this on...
The issue might be to the following rule that could be broken on IE:

.rzslider .rz-ticks-values-under .rz-tick-value {
    top: initial;
    bottom: -32px;
}

Could you try to inspect to css rules in IE11 to see if there is a warning?

[ValentinH]

Indeed, it must be due to initial not being supported in IE: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_initial

[ValentinH]

The fix seems to replace initial by auto, but it requires more checks to ensure it's fine on the other browsers. Would you like to submit a pull request for this?

Can I work on this issue?

[ValentinH]

Sure ;)

[ValentinH]

Fix released under 6.1.2 ;)