title: Disable Mac OS X Lion Safari's autocorrect on contentEditable div?
body: <p>We have a web application that has a large number of contentEditable <code>&lt;div&gt;</code>'s. With the aggressive autocorrect in Safari on Mac OS X Lion, we have had a number of problems with Safari attempting to autocorrect for our users. </p>
  
  <p>I have been able to stop this from happening by manually going to 'Edit>Spelling and Grammar' and disabling the 'Correct Spelling Automatically' option. I'm wondering, however, if there is a way to do this programmatically, either in javascript or using html attributes. From Apple's documentation (<a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/DesigningForms/DesigningForms.html" rel="nofollow noreferrer">https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/DesigningForms/DesigningForms.html</a>), there is an 'autocorrect' attribute on html form fields that let the site designer decide if autocorrect should be on or not. </p>
  
  <p>Is this 'autocorrect' attribute only on mobile safari? Does it work on contentEditable divs? If not, is there an alternative other that just telling the users to go and turn off autocorrect manually? </p>