keep placeholder on focus in IE10

by

The :-ms-input-placeholder pseudo-class documentation from the Internet Explorer Developer Center seems to imply this is working as designed.

The placeholder text is displayed with the specified style until the
field has focus, meaning that the field can be typed into. When the
field has focus, it returns to the normal style of the input field and
the placeholder text disappears.

Edit: If I had to mimic this behavior, I would look at placeholder polyfill libraries (that set the default value, float grey text over the input box, etc) which work with older versions of IE. They would have to be modified, because they probably feature detect the placeholder capability and defer to the browser. Also, this would have a “browser detect” code smell.

Update: An “IE placeholder text disappears” question was asked during a Twitter #AskIE question session on June 19, 2014 and @IEDevChat responded “We have an active bug for this behavior. Next version will provide a fix”

More Related Contents:

  1. Export the HTML table to excel is not working in IE
  2. Why is my javascript not working
  3. Setting “checked” for a checkbox with jQuery
  4. event.preventDefault() vs. return false
  5. Inserting a text where cursor is using Javascript/jquery
  6. JavaScript: filter() for Objects
  7. jQuery event to trigger action when a div is made visible
  8. jQuery.parseJSON throws “Invalid JSON” error due to escaped single quote in JSON
  9. Force browser to download image files on click
  10. jQuery: load txt file and insert into div
  11. How to copy text from a div to clipboard
  12. How to send data in request body with a GET when using jQuery $.ajax()
  13. How can I detect with JavaScript/jQuery if the user is currently active on the page?
  14. Setting CSS value limits of the window scrolling animation
  15. Store jquery selector in variable
  16. Aborting jQuery().load()
  17. capturing f5 keypress event in javascript using window.event.keyCode in window.onbeforeunload event is always 0 and not 116
  18. Preload mp3 file in queue to avoid any delay in playing the next file in queue
  19. How to know if JQuery has finished loading [duplicate]
  20. Dynamically adding cases to a switch
  21. How can I make a button redirect my page to another page? [duplicate]
  22. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  23. jQuery get html of container including the container itself
  24. Change placeholder text
  25. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  26. Prototype equivalent for jQuery live function
  27. How to add a Facebook “Like” button to an AJAX driven page
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. How do I detect IE 8 with jQuery?
  30. jquery: $(window).scrollTop() but no $(window).scrollBottom()

Leave a Comment