Fixes pagination leaving empty lines behind.

app/apps/core/static/js/edit/components/diplo_line.js

@@ -20,7 +20,10 @@ var diploLine = LineBase.extend({
         }.bind(this));
     },
     beforeDestroy() {
-        this.getEl().remove();
+        let el = this.getEl();
+        if (el != null) {
+            el.remove();
+        }
     },
     watch: {
         /* 'line.order': function(n,o) {

app/apps/core/static/js/edit/components/diplo_panel.js

@@ -8,6 +8,14 @@ var DiploPanel = BasePanel.extend({
     components: {
         'diploline': diploLine,
     },
+    watch: {
+        'part.loaded': function(isLoaded, wasLoaded) {
+            if (!isLoaded) {
+                // changed page probably
+                this.empty();
+            }
+        }
+    },
     created() {
         // vue.js quirck, have to dinamically create the event handler
         // call save every 10 seconds after last change
@@ -35,6 +43,11 @@ var DiploPanel = BasePanel.extend({
         this.saveNotif = this.$el.querySelector('.tools #save-notif');
     },
     methods: {
+        empty() {
+            while (this.editor.hasChildNodes()) {
+                this.editor.removeChild(this.editor.lastChild);
+            }
+        },
         toggleSort() {
             if (this.editor.contentEditable === 'true') {
                 this.editor.contentEditable = 'false';

app/escriptorium/templates/core/document_part_edit.html

@@ -566,6 +566,7 @@
 
                   <div id="diplomatic-lines"
                        contenteditable="true"
+                       autocomplete="off"
                        @keydown="onKeyPress"
                        @keyup="constrainLineNumber"
                        @input="changed"