From 7ba4c88e24304a544011207a0d7e1427787742fd Mon Sep 17 00:00:00 2001
From: Ryan Deba <ryandeba@gmail.com>
Date: Wed, 22 Nov 2017 17:41:17 -0600
Subject: [PATCH] add selectable property to component objects

---
 src/dom_components/model/Component.js | 3 +++
 src/editor/model/Editor.js            | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index 6fb8465a0..ada54b556 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -62,6 +62,9 @@ module.exports = Backbone.Model.extend(Styleable).extend({
     // Hide the component inside Layers
     layerable: true,
 
+    // Allow component to be selected when clicked
+    selectable: true,
+
     // This property is used by the HTML exporter as void elements do not
     // have closing tag, eg. <br/>, <hr/>, etc.
     void: false,
diff --git a/src/editor/model/Editor.js b/src/editor/model/Editor.js
index 430e11fbd..dd024749d 100644
--- a/src/editor/model/Editor.js
+++ b/src/editor/model/Editor.js
@@ -409,6 +409,10 @@ module.exports = Backbone.Model.extend({
       model = $(el).data('model');
     }
 
+    if (model && !model.get("selectable")) {
+      return;
+    }
+
     this.set('selectedComponent', model, opts);
   },