Firefox 15 does not remove emptyText from Textfields when selecting the field

[ralf]

Since I updated to Firefox 15 the empty text of textfields is not going to be removed/hidden when selecting the field. When I start typing it is removed/hidden.

I tested ExtJS 4.0.7 and 4.1.0 and actually use Firefox 15.0.1 on Windows.

You can reproduce it at:

http://dev.sencha.com/deploy/ext-4.1.../xml-form.html

Is there a workaround or fix available or is it a Firefox Bug which will eventually disappear in 15.0.2?

[evant]

The same thing has started happening in recent WebKit versions. I doubt they're going to revert the behaviour, the W3C spec says that the FF/WebKit was is incorrect, but in a lot of ways it makes more sense.

[ralf]

ok, i see, thank you. It is basically the standard HTML 5 placeholder attribut. I checked Chrome 21 and its nearly the same.

In Chrome however the placeholder text remains gray when selecting the field. In FF the text gets black which is even more confusing.

This does not happen with standard html input elements. See

http://www.html5accessibility.com/te...labelling.html

Any idea how to stop the (placeholder) text from getting black?

[ralf]

For the moment I'm going to force Ext not to use HTML5 placeholders:

Ext.onReady( function(){
    if ( Ext.isGecko || Ext.isWebkit )
        Ext.supports.Placeholder = false;
});

Hope this has no major drawback.