Remove Resize handles and border from elements with contentEditable

The problem I'm having is with the contentEditable attribute in IE. (some things never change).

The problem is that I'm getting resize handles, and a thick border around <li> elements when they're in focus.

Any idea of how to remove them? CSS or Javascript tricks are very welcome!

Answers


Make sure the <li>s don't have "layout", since elements with "layout" inside an editable element get resize handles in IE. "Layout" is a hidden property of an element in IE that is set to true when any one of various CSS properties are enabled:

  • position: absolute
  • float (left or right)
  • width or height (any value other than auto)
  • min-width or min-height (any value other than none)
  • overflow (hidden | scroll | auto)
  • zoom (any value other than normal)
  • display: inline-block
  • various others

Here's a link from a quick googling that explains a bit more about layout: https://www.sitepoint.com/internet-explorer-haslayout-property/


Need Your Help

What's this &block in Ruby? And how does it get passed in a method here?

ruby-on-rails ruby

Saw this piece of code in a Ruby on Rails book. This first one is from a view and the second one is a helper module. I don't understand how that &amp;block and the attributes={} thing work. Can any...

How to make ExceptionNotifier work with delayed_job in Rails 3?

ruby-on-rails-3 delayed-job exception-notification

I'd like ExceptionNotifier to send out an email when an exception happens in a delayed job, just like for other exceptions. How can I achieve that?