ui-tinymce
ui-tinymce copied to clipboard
Holding backspace down to delete all the characters does not update the model
I'm having an issue where holding down the backspace key removes all the characters from the editor, but it does not update the angular model.
From what I can tell this code is not firing:
updateView = function(editor) {
var content = editor.getContent({format: options.format}).trim();
content = $sce.trustAsHtml(content);
ngModel.$setViewValue(content);
if (!$rootScope.$$phase) {
scope.$digest();
}
};
Steps to reproduce:
- Enter text into the editor
- Put the cursor at the end of the text and hold the backspace key down until all text is removed from the tinyMCE editor.
- Even though the editor is blank, text is still displayed from the model.
What I'm expecting is the data entered to be deleted from the model. However, the editor doesn't have any text but the ng-model is still displaying text.
I've created a plunker where this issue is reproducible. https://plnkr.co/edit/l2TivBCPhWrZbtFRmLJ9
I've discovered a workaround -- set debounce to 'false'.
I've also noticed debounced to hardcoded to 400ms. Maybe make this a configurable value?
When I reduce the debounce to 50ms, I'm no longer able to reproduce the issue.
+1