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.