Fix active selectors showing

index.html

@@ -1328,14 +1328,6 @@
       //console.log('Style of ', model.get('property'), 'Target: ', targetValue, 'Computed:', computedValue, 'Default:', defaultValue);
     });
 
-    editor.on('selector:add', function(model) {
-      if(model.get('name') == 'row')
-        console.log('added .row class', model);
-
-      if(model.get('name') == 'cell')
-        console.log('added .cell class', model);
-    });
-
     editor.render();
     </script>
   </body>

src/selector_manager/config/config.js

@@ -28,10 +28,6 @@ module.exports = {
   //      private: true,
   //   }
   // },
-  propertyMap: {
+  propertyMap: {},
-    '.row, .cell': {
-      private: true,
-    }
-  },
 
 };

src/selector_manager/model/Selectors.js

@@ -7,5 +7,9 @@ module.exports = Backbone.Collection.extend({
   getStyleable() {
     return _.filter(this.models, item =>
       item.get('active') && !item.get('private'));
+  },
+
+  getValid() {
+    return _.filter(this.models, item => !item.get('private'));
   }
 });

src/selector_manager/view/ClassTagView.js

@@ -129,8 +129,8 @@ module.exports = Backbone.View.extend({
       ppfx: this.ppfx,
       inputProp: this.inputProp,
     }));
-    this.updateStatus();
     this.$el.attr('class', this.className);
+    this.updateStatus();
     this.updateInputLabel();
     return this;
   },

src/selector_manager/view/ClassTagsView.js

@@ -135,7 +135,7 @@ module.exports = Backbone.View.extend({
 
     if (target) {
       this.getStates().val(target.get('state'));
-      validSelectors = target.get('classes').getStyleable();
+      validSelectors = target.get('classes').getValid();
     }
 
     this.collection.reset(validSelectors);