Make the sync work with only active selectors

src/selector_manager/model/Selectors.js

@@ -14,8 +14,10 @@ export default Backbone.Collection.extend({
     );
   },
 
-  getValid() {
-    return filter(this.models, item => !item.get('private'));
+  getValid({ noDisabled } = {}) {
+    return filter(this.models, item => !item.get('private')).filter(item =>
+      noDisabled ? item.get('active') : 1
+    );
   },
 
   getFullString(collection) {

src/selector_manager/view/ClassTagsView.js

@@ -78,7 +78,7 @@ export default Backbone.View.extend({
     const { em } = this;
     const target = this.getTarget();
     const cssC = em.get('CssComposer');
-    const selectors = target.getSelectors().getValid();
+    const selectors = target.getSelectors().getValid({ noDisabled: 1 });
     const state = target.get('state');
     const mediaText = em.getCurrentMedia();
     const ruleComponent = cssC.getIdRule(target.getId(), { state, mediaText });