problem is that the jquery.ui.slider creates a knob which is an anchor element, whose href is "#". this causes IE to jump to the top of the page as soon as one clicks on the knob in order to use the slider. this makes the slider practically unusable.
REPRODUCTION:
- create a wikipage, add enough lines to push current location so it's unvisible when you are at top of page.
- below this, create a new div, with class = "slidertest".
- create a script like so:
$(function() {
mw.loader.using('jquery.ui.slider', function() {
$('div.slidertest').slider(
{
max: 150,
min: 50,
value: 77
});
});
});- open the page in IE, and try to move the slider knob.
- note that you can move the slider knob in chrome and ff, but in ie, as soon as you click on it, the page jumps to the top.
WORKAROUND:
i do not have one - will be grateful for anything, even if it means adding some junk to my (clean and nice) scripts.
peace.
Version: 1.20.x
Severity: normal