diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index 3b71c38f0..213d06af1 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -1724,6 +1724,7 @@ export default class Component extends StyleableModel {
         }
         this.remove({ temporary: 1 });
         component.append(this, opts);
+        this.emitUpdate();
       }
     }
     return this;
diff --git a/src/navigator/index.ts b/src/navigator/index.ts
index 03c4ed04a..4621a376e 100644
--- a/src/navigator/index.ts
+++ b/src/navigator/index.ts
@@ -267,7 +267,7 @@ export default class LayerManager extends Module<typeof defaults> {
     };
   }
 
-  setLayerData(component: any, data: Partial<Omit<LayerData, 'components'>>, opts = {}) {
+  setLayerData(component: Component, data: Partial<Omit<LayerData, 'components'>>, opts = {}) {
     const { em, config } = this;
     const { open, selected, hovered, visible, locked, name } = data;
     const cmpOpts = { fromLayers: true, ...opts };
@@ -279,7 +279,7 @@ export default class LayerManager extends Module<typeof defaults> {
       if (selected) {
         em.setSelected(component, cmpOpts);
         const scroll = config.scrollCanvas;
-        scroll && component.views.forEach((view: any) => view.scrollIntoView(scroll));
+        scroll && component.views?.forEach((view: any) => view.scrollIntoView(scroll));
       } else {
         em.removeSelected(component, cmpOpts);
       }