IE10 data-placeholder-focus ignored

[Jawvig]

On IE10, setting the data-placeholder-focus attribute to false does not result in the same behaviour as IE < 10 and Safari & Chrome. Instead the placeholder text still disappears when the input gets focus.

This is probably because IE10 purportedly supports placeholder, but losing the placeholder text on focus is part of its default behaviour.

[jamesallardice]

As you said, IE10 natively supports the placeholder attribute. Therefore, the polyfill has no effect whatsoever. The main code of this polyfill is wrapped in the following statement (where nativeSupport refers to the result of a feature test):

if (!Placeholders.nativeSupport) {
    // apply the polyfill
}

The idea of this script is not to modify the behaviour of the native solution where one exists. If the browser chooses to hide the placeholder on focus, this script does not provide any way to override that.

The reason the choice is offered in browsers where the polyfill does take effect is that both hide-on-focus and hide-on-input are commonly seen in native solutions, and the specification states that both are acceptable.

[Jawvig]

Thanks for the explanation. I see and accept the argument that this pollyfill does not exist to change behaviour where it is supported, but it is still true that the lack of a normalized end behaviour is slightly irritating! Thanks for the good work, by the way.

[jamesallardice]

Yeah, I agree that the lack of a standardised behaviour is annoying. There are numerous differences across implementations - some browsers allow you to style the placeholder for example, while others do not. Unfortunately, browser variations are just something we have to live with!

Thanks, I appreciate that 😃