From caedef751cc21a7e21670af73bbb697e95df5807 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Thu, 12 Dec 2019 09:19:54 +0100
Subject: [PATCH] Make the sync work with only active selectors

---
 src/selector_manager/model/Selectors.js    | 6 ++++--
 src/selector_manager/view/ClassTagsView.js | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/selector_manager/model/Selectors.js b/src/selector_manager/model/Selectors.js
index 74160522e..1c5612056 100644
--- a/src/selector_manager/model/Selectors.js
+++ b/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) {
diff --git a/src/selector_manager/view/ClassTagsView.js b/src/selector_manager/view/ClassTagsView.js
index 173563a23..eeb6e505a 100644
--- a/src/selector_manager/view/ClassTagsView.js
+++ b/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 });