diff --git a/examples/basic/index.html b/examples/basic/index.html
index 69ddb25..93e8741 100644
--- a/examples/basic/index.html
+++ b/examples/basic/index.html
@@ -9,7 +9,7 @@
       <a-sphere click-drag position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere>
       <a-box click-drag position="-1 0.5 1" rotation="0 45 0" width="1" height="1" depth="1"  color="#4CC3D9"></a-box>
       <a-cylinder click-drag position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
-      <a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
+      <a-plane click-drag="enabled: false" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
 
       <a-sky color="#ECECEC"></a-sky>
 
diff --git a/src/index.js b/src/index.js
index 88baac0..3872d7a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -456,6 +456,11 @@ const {didMount, didUnmount} = (function getDidMountAndUnmount() {
       const {depth, offset, element} = selectItem(THREE, componentName, camera, clientX, clientY);
 
       if (element) {
+        // If click-drag is not enabled, return.
+        if (element.getAttribute('click-drag').enabled === 'false') {
+          return;
+        }
+
         // Can only drag one item at a time, so no need to check if any
         // listener is already set up
         let removeDragItemListeners = dragItem(