From 7f394d73a13719b6548cb4f2b3b45cd7faef4723 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sat, 23 Mar 2019 13:56:29 +0100
Subject: [PATCH] Remove related CSS rules of the removed component and update
 the global list #1875

---
 src/dom_components/view/ComponentsView.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/dom_components/view/ComponentsView.js b/src/dom_components/view/ComponentsView.js
index e33d93c6f..e1158fd30 100644
--- a/src/dom_components/view/ComponentsView.js
+++ b/src/dom_components/view/ComponentsView.js
@@ -22,6 +22,19 @@ module.exports = Backbone.View.extend({
     removed.components().forEach(this.removeChildren.bind(this));
     !temp && removed.removed();
     if (em) {
+      // Remove all related CSS rules
+      const id = removed.getId();
+      const allRules = em.get('CssComposer').getAll();
+      allRules.remove(
+        allRules.filter(
+          rule => rule.getSelectors().getFullString() === `#${id}`
+        )
+      );
+
+      // Remove the component from the global list
+      const domc = em.get('DomComponents');
+      delete domc.componentsById[id];
+
       removed.get('style-signature') &&
         em
           .get('Commands')