Update setTarget in StyleManager

src/selector_manager/view/ClassTagsView.js

@@ -191,7 +191,7 @@ module.exports = Backbone.View.extend({
 
     const state = selected.get('state');
     const coll = collection;
-    let result = coll.getFullString(coll.getStyleable());
+    let result = coll.getFullString(selected.getSelectors().getStyleable());
     result =
       result ||
       selected.get('selectorsAdd') ||

src/style_manager/view/PropertyView.js

@@ -68,7 +68,11 @@ module.exports = Backbone.View.extend({
 
     em && em.on(`update:component:style:${this.property}`, this.targetUpdated);
     //em && em.on(`styleable:change:${this.property}`, this.targetUpdated);
-    this.listenTo(this.propTarget, 'update', this.targetUpdated);
+    this.listenTo(
+      this.propTarget,
+      'update styleManager:update',
+      this.targetUpdated
+    );
     this.listenTo(model, 'destroy remove', this.remove);
     this.listenTo(model, 'change:value', this.modelValueChanged);
     this.listenTo(model, 'targetUpdated', this.targetUpdated);

src/style_manager/view/SectorsView.js

@@ -94,17 +94,20 @@ module.exports = Backbone.View.extend({
   setTarget(target, opts = {}) {
     const em = this.target;
     const config = em.get('Config');
+    const { targetIsClass, stylable } = opts;
     let model = target;
 
     if (isString(target)) {
       let rule;
       const rules = em.get('CssComposer').getAll();
 
-      if (opts.targetIsClass) {
+      if (targetIsClass) {
         rule = rules.filter(
           rule => rule.get('selectors').getFullString() === target
         )[0];
-      } else {
+      }
+
+      if (!rule) {
         rule = rules.filter(rule => rule.get('selectorsAdd') === target)[0];
       }
 
@@ -112,6 +115,7 @@ module.exports = Backbone.View.extend({
         rule = rules.add({ selectors: [], selectorsAdd: target });
       }
 
+      stylable && rule.set({ stylable });
       model = rule;
     }