Slider: value goes below min in Firefox 10

I see the issue on Firefox 10 for OS X. I don't have a logical explanation for this, but the issue doesn't seem to be present in 1.8.17 - http://jsfiddle.net/6vNm7/1/. I also can't recreate the issue on the latest from Git.

That's strange, I can't reproduce it with the original fiddle (1.8.16) on Firefox 10 for OS X. I even tried resizing the window a few times to see if it was a fractional pixel problem. Are you moving left and right in a single slide or do you need to constantly start new slides to see the problem?

After trying the jsfiddle in the comments, I also don't encounter the problem in 1.8.17.

In the jsfiddle using 1.8.16, the issue can be encountered when moving left and right in a single back-and-forth sliding motion (before a mouseup event).

Hopefully it is a regression that does not recur. It is particularly disruptive when using a slider with the step setting defined: The slider's behavior becomes a bit erratic, sliding 2 step values at once at the leftmost area of the slider.

I guess I'll close this as fixed in 1.8.17. I'm not sure why I still can't reproduce this with 1.8.16.

For the record I can also easily recreate this on Firefox 10 on Windows with 1.8.16, and can't recreate it with 1.8.17. Window resolution doesn't seem to matter. Weird.

#8153 is a duplicate of this ticket.

I can now reproduce this. Seeing the same results as posted in #8153.

I can also recreate the issue on the demo page: http://jqueryui.com/demos/slider/range.html. Seems like it's still an issue in master too - http://jsfiddle.net/UATJW/1/.

Also occurs in Firefox 11, latest patches on Ubuntu 10.04.4. If Firebug is installed (I have 1.9.1 on this system) and Firebug is open, the problem is no longer present. Close Firebug and the problem is back.

I've been able to limit this down to this block of code in _trimAlignValue of jquery.ui.slider.js:

if ( Math.abs(valModStep) * 2 >= step ) {
    alignValue += ( valModStep > 0 ) ? step : ( -step );
}

This bug occurs when the valModStep variable is set to a value in between 0.5 and 1.0, therefore it goes into the code block. Since valModStep is > 0 it should add step (i.e. +1 in this example) to alignValue, changing it from 0 to +1. I tested Chrome and when this situation occurs alignValue is indeed set to +1. However, in Firefox alignValue ends up being set to -1 instead of +1 resulting in this bug, I have no idea why.

rmcouat is correct, if you have FireBug open the bug will not occur, which explains a lot of the trouble we were having recreating this earlier. However, I found that having Firefox's built in Web Console open doesn't suppress the bug, so you can use that to throw in some console logging to see the behavior I'm talking about.

Ok I'm even more confused. I added in the following logging in the _trimAlignValue function in jquery.ui.slider.js

console.log('step', step);		
console.log('alignValue', alignValue);
console.log('valModStep', valModStep);
if ( Math.abs(valModStep) * 2 >= step ) {
	alignValue += ( valModStep > 0 ) ? step : ( -step );
	console.log('new alignValue', alignValue);
}

When this -1 situation occurs the following gets logged.

step 1

alignValue 0

valModStep 0.6451637514175907

new alignValue -1

I must be missing something because that shouldn't be possible.

This seems to have been fixed in Firefox.