Mootools 1.2 and Firefox $$ selecting too many elements

Question

Browser must be firefox

Mootools version must be 1.2.x

$$ selector returns too many elements only in firefox

HTML

<div class="only_trucks diagramz" id="diatruck">
    <div class="lf">lf</div>
    <div class="rf">rf</div>
    <div class="la">la</div>
    <div class="ra">ra</div>
    <div class="lrfo">lrfo</div>
    <div class="rrfo">rrfo</div>
    <div class="lrfi">lrfi</div>
    <div class="rrfi">rrfi</div>
    <div class="lrro">lrro</div>
    <div class="rrro">rrro</div>
    <div class="lrri">lrri</div>
    <div class="rrri">rrri</div>
</div>

JS

selected = $$('.rf');
alert(selected.length);
console.log(selected);

This should only return 1 result but returns multiple results. It seems to be matching other classes that have "rf" in them.

Besides updating to the latest version of mootools or changing class names, does anyone have a good fix for this?

Weird, even the literal form `$$('div[class=rf]')` has this behavior — Jason Sperske, Feb 13 '13 at 18:43
Good question. The app is heavy in JS, and I don't want anything else to break because of a simple update. — styks, Feb 13 '13 at 18:44
I may end up just making these ids as they are not used elsewhere anyway. — styks, Feb 13 '13 at 18:44
Wow that is a sticky bug! even this doesn't work: `$$('.rf').filter(function (item) { return item.hasClass('rf');});` — Jason Sperske, Feb 13 '13 at 18:56
Found this: http://stackoverflow.com/questions/14267457/firefox-18-breaks-mootools-1-2-5-selector-engine — Jason Sperske, Feb 13 '13 at 18:58

score 0 · Accepted Answer · edited May 23 '17 at 12:12

0

Its a bug but it can be fixed (thanks to this answer). Add this code to your JavaScript.

String.prototype.contains = function(string, separator){
    return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : String(this).indexOf(string) > -1;
};

Here is a fixed demo

edited May 23 '17 at 12:12

Community

1
1

answered Feb 13 '13 at 19:03

Jason Sperske

29,816
8
73
124

Mootools 1.2 and Firefox $$ selecting too many elements

1 Answers1