jamesallardice/Placeholders.js

Hide on input not working for IE 10 & IE 11

Closed this issue · 1 comments

theptrk commented

Using the example code I can't get placeholders to hide on input; rather it hides on focus

<!doctype html>
<html data-placeholder-focus="false">
    <head>
        <meta charset="utf-8">
        <title>Placeholders.js Default Config</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
    </head>
    <body class="placeholder-example">
        <input type="text" placeholder="I have a placeholder!"><br>
        <input type="password" placeholder="Password placeholders!"><br>
        <textarea placeholder="We all hide on input!"></textarea>
        <script src="assets/js/placeholders.min.js"></script>
    </body>
</html>

Doesn't work on:
IE 11.0.9600.17041
IE 10.0.9200.16866

Works on:
IE 9.0.811216421 (hides on focus)

jamesallardice commented

That's because IE10 and 11 have native support for the placeholder attribute. The polyfill will not take effect. Hide on focus is the default behaviour of native IE placeholders.