diff --git a/src/commands/view/OpenStyleManager.js b/src/commands/view/OpenStyleManager.js
index 47685d647..f1c1d527b 100644
--- a/src/commands/view/OpenStyleManager.js
+++ b/src/commands/view/OpenStyleManager.js
@@ -36,9 +36,7 @@ export default {
if (!smConfig.appendTo) {
this.$cn2.append(sm.render());
const pfx = smConfig.stylePrefix;
- this.$header = $(
- `
`
- );
+ this.$header = $(``);
this.$cn.append(this.$header);
}
@@ -50,8 +48,9 @@ export default {
// Add all containers to the panel
this.panel.set('appendContent', this.$cn).trigger(trgEvCnt);
- this.target = em.editor;
- this.listenTo(this.target, 'component:toggled', this.toggleSm);
+ // Toggle Style Manager on target selection
+ this.em = em.getModel();
+ this.listenTo(this.em, sm.events.target, this.toggleSm);
}
this.toggleSm();
@@ -62,10 +61,10 @@ export default {
* @private
*/
toggleSm() {
- const { target, sender } = this;
- if (sender && sender.get && !sender.get('active')) return;
- const { componentFirst } = target.get('SelectorManager').getConfig();
- const selectedAll = target.getSelectedAll().length;
+ const { em, sender } = this;
+ if ((sender && sender.get && !sender.get('active')) || !em) return;
+ const { componentFirst } = em.get('SelectorManager').getConfig();
+ const selectedAll = em.getSelectedAll().length;
if (selectedAll === 1 || (selectedAll > 1 && componentFirst)) {
this.$cn2 && this.$cn2.show();
@@ -79,5 +78,5 @@ export default {
stop() {
this.$cn2 && this.$cn2.hide();
this.$header && this.$header.hide();
- }
+ },
};
diff --git a/src/style_manager/index.js b/src/style_manager/index.js
index 8ce886e6c..c3c2a80b8 100644
--- a/src/style_manager/index.js
+++ b/src/style_manager/index.js
@@ -319,7 +319,6 @@ export default () => {
const lastTarget = targets.slice().reverse()[0];
const lastTargetParents = this.getParentRules(lastTarget, em.getState());
this.model.set({ targets, lastTarget, lastTargetParents });
- // lastTarget && this.setTarget(lastTarget); // TODO to refactor
this.__upProps(opts);
return targets;