Reacto to editor model changing. (eclipse-theia#15509)

Fixes, eclipse-theia#15498, eclipse-theia#15497, eclipse-theia#15496

Signed-off-by: Thomas Mäder <t.s.maeder@gmail.com>

Author: tsmaeder

packages/debug/src/browser/editor/debug-breakpoint-widget.tsx

@@ -160,6 +160,9 @@ export class DebugBreakpointWidget implements Disposable {
                 }
             }));
         this.toDispose.push(this.zone.onDidLayoutChange(dimension => this.layout(dimension)));
+        this.toDispose.push(this.editor.getControl().onDidChangeModel(() => {
+            this.zone.hide();
+        }));
         this.toDispose.push(input.getControl().onDidChangeModelContent(() => {
             const heightInLines = (input.getControl().getModel()?.getLineCount() || 0) + 1;
             this.zone.layout(heightInLines);

packages/debug/src/browser/editor/debug-editor-model.ts

@@ -132,6 +132,7 @@ export class DebugEditorModel implements Disposable {
         if (model) {
             this.toDisposeOnModelChange.push(model.onDidChangeDecorations(() => this.updateBreakpoints()));
         }
+        this.update();
         this.render();
     }