Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

.flubber & {} does not work in client side version of less.js (IE7 only) #614

Closed
snorripall opened this Issue Feb 1, 2012 · 5 comments

Comments

Projects
None yet
4 participants

Oh the irony. This works in all browsers except IE7 when you're using the client-side version of less.js.

#foobar{
    display:inline-block;
        .flubber & {
            zoom:1;
            display:inline;
            }
}

Should output to

#foobar{
     display:inline-block;
}

.flubber #foobar {
   zoom:1;
   display:inline;
}

So a fix for IE7 would be greatly appreciated.

bubble selector more powerfull feature, you can use Modernizr.js, cssua.js etc
please vote for my patch

cloudhead#435

Contributor

maranomynet commented Feb 1, 2012

@Punk-UnDeaD, you see, this:

.foo {
    .bar  {
        html.ua-ie-7 & {
            color: red;
        }
    }
}

does indeed compile to:

html.ua-ie-7 .foo .bar {
    color: red;
}

...both with lessc on the server, and with less.js in all browsers. All except MSIE7.

There's a IE7 specific javascript bug that needs to be fixed.

Once it's fixed the special-casing proposed in issue #435 becomes redundant.

@maranomynet
I do not use "&" for reorganize selector
I use bubble selector from my patch, because it is more powerfull and understandable

Owner

lukeapage commented Aug 4, 2012

Hi,

I don't have IE7 but I've just re-written the way parent selectors work to be more powerfull.. any chance you can retest?

Owner

lukeapage commented Jan 25, 2013

dead bug

@lukeapage lukeapage closed this Jan 25, 2013

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment