CodeMirror does not work with html5 "required" attribute

[sandermarechal]

CodeMirror does not seem to work with the html5 "required" attribute. It seems that browser HTML5 validation happens before CM updates the underlying textarea.

Other javascript editors that replace the textarea (e.g CKEditor) do not have this problem, so it seems this is an issue that should be fixed in CodeMirror.

[marijnh]

There does not appear to be any event fired before validation. If you can describe a solution to this problem, I'm listening, but I don't immediately see a clean solution.

[sandermarechal]

I think the 'blur' event fires before validation. So, why not update the textarea when the user leaves the CM area? Alternatively, update the textarea on a regular interval. Would it be a problem to update the textarea every 1000ms or so? You could expose the update frequency as a configuration option for people who want to tune it.

This would also improve interoperability with other JS libraries. If the textarea is kept up-to-date, other scripts can simply get the contents from the textarea instead of having to add special code to read from CM instances.

[marijnh]

There is no guarantee that the editor is even focused when validation occurs (it might never have had focus, its content still could have been changed through API calls), so the blur event isn't a robust solution. Neither is periodically saving -- it is extremely likely that a form will be submitted directly after a change.

The way fromTextArea currently only update the textarea when explicitly prompted with the save method or on submit is part of the public API, and is going to stay. If you need something else, just hook up a timer to CodeMirror's "change" event to implement it yourself.