@media screen { @media (min-width: 0px) {} } working in current Chrome

[Volker-E]

Hi!
The following rule actually affects placeholder rendering in Chrome 38.0.2125.104 and not only affects Safari ≤6

@media screen {
    @media (min-width: 0px) {
        .form__text::-webkit-input-placeholder {
            color: #FFF; 
        } 
     }
}

[jeffclayton]

Good work with your combo!

The exact stats on that media query hack are as follows:

/* Safari 6.1+, Firefox 11+, Chrome 26+ (and Opera 14+) */

@media screen { @media (min-width:0px) { .selector { property:value; } } }

Your addition of the webkit input placeholder does kill Firefox - great idea.

If you do this slight change you now have a hack that does this for any selector:

/* Safari 6.1+, Chrome 26+ (and Opera 14+) */

@media screen {
    @media (min-width: 0px) {
          _::-webkit-input-placeholder, .selector { property:value; } 
    }
}

[Volker-E]

@jeffclayton Wait, am I missing something? Browserhacks.com says Everything but Internet Explorer and Safari ≤6 on @media screen { @media (min-width: 0px) {} }

[jeffclayton]

The stats have not been completely updated on the site.

[Volker-E]

I don't understand how Everything but Internet Explorer and Safari ≤6 and Safari 6.1+, Firefox 11+, Chrome 26+ (and Opera 14+) go together? How is it possible that f.e. Internet Explorer is not getting the rule any more?

[jeffclayton]

Internet explorer still is not included.

[jeffclayton]

Everything but internet explorer still is correct (no internet explorer before and still no internet explorer now).

Here is what you are unaware of:

When that hack was posted, Firefox had been tested for newer versions not older ones. Version 11 and newer support this hack. Version 10 and below do not.

Safari 6 was out but not Safari 7 and 8 yet either.

Hugo informed me they are not actively updating the site at this time.

[Volker-E]

At least "they are not actively updating the site at this time" should be articulated on the site, as there are rules affecting f.e. firefox ≥ 28 - so it seems actively maintained

[jeffclayton]

Not everything. Only a few changes here or there. Hugo told me that recently they don't have time.

[jeffclayton]

[https://github.com//issues/39] scroll to the bottom):

HugoGiraudel commented 29 days ago
Sorry we don't have much time working on BrowserHacks. :(

[jeffclayton]

I test for them, trust me that the data I gave you is valid. Your hack is still good work.

[jeffclayton]

We edited together the Firefox and Chrome ones. [https://github.com//issues/139] started with @guillaume-simons posting info on @supports hacks. It is a good read. Very nice stuff there.