contenteditable=false inside contenteditable=true block is still editable in IE8

by

Okay, I already have discovered the answer much like how Penicillin was discovered.

You see, playing around with this code, I mistakenly set contenteditable to true for the span and voila! It worked!

So, to make a span NON-contenteditable inside a contenteditable div, you just set its contenteditable attribute to true!

<div contenteditable="true">
  Luke, I am your father.
  <span contenteditable="true">I'm your son?! Ewww!</span>
  Don't speak back to me!
</div>

Here’s the file to demonstrate (use IE8 to open it): https://codepen.io/hgezim/pen/qMppLg .

Lastly, I didn’t post the question to get votes (although, they wouldn’t hurt!), but since the solution was so ridiculous and I didn’t find it here, I thought someone may find this tip time saving.

More Related Contents:

  1. Can't get footer image to display in IE8?
  2. IE8 issue with Twitter Bootstrap 3
  3. IE8 support for CSS Media Query
  4. HTML embedded PDF iframe
  5. Using “margin: 0 auto;” in Internet Explorer 8
  6. Force “Internet Explorer 8” browser mode in intranet
  7. Using HTML5, how do I use contenteditable fields in a form submission?
  8. Why does a filter gradient on a pseudo element not work in IE8?
  9. Table tbody scroll in IE8
  10. UIWebView with contentEditable (html editing), first responder handling?
  11. Hover effects not working with IE8
  12. IE8 embedded PDF iframe
  13. header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
  14. HTML contenteditable with non-editable islands
  15. Will targeting IE8 with conditional comments work?
  16. How to avoid ie8 compatibility button?
  17. How do I get placeholder text in firefox and other browsers that don’t support the html5 tag option?
  18. How to make clickable anchor in contentEditable div?
  19. Resizing SVG in html?
  20. How to remove x and y on submit in HTML form with Image type button?
  21. Align a div to center
  22. Make Bootstrap’s Carousel both center AND responsive?
  23. New Facebook like button HTML validation
  24. Why is my .sticky-top class not working in Bootstrap 4?
  25. Use the HTML tag as a background image instead of the CSS background-image property?
  26. How to open native iOS app (calendar, notes…) from a link on website?
  27. Make plus symbol in CSS
  28. Why use HTML5 tags? [duplicate]
  29. Alignment of content vertically in adjacent flexbox containers
  30. Flex elements ignore percent padding in Firefox

Leave a Comment