From b2486380fba1e56d0f88a8e01ad3af5f44c0c814 Mon Sep 17 00:00:00 2001
From: Evelyn Eastmond <evhan55@gmail.com>
Date: Wed, 29 May 2019 09:46:08 -0400
Subject: [PATCH] Disable dragging on video to allow for scrobbling.

---
 src/components/cards/card.css  | 8 --------
 src/components/cards/cards.jsx | 9 ++-------
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/components/cards/card.css b/src/components/cards/card.css
index a0a8b88d5..5a160c455 100644
--- a/src/components/cards/card.css
+++ b/src/components/cards/card.css
@@ -275,14 +275,6 @@
     margin-right: 0.5rem;
 }
 
-.video-cover {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
 .steps-list {
     display: flex;
     flex-direction: row;
diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx
index 7b84ee732..9424d108d 100644
--- a/src/components/cards/cards.jsx
+++ b/src/components/cards/cards.jsx
@@ -114,17 +114,12 @@ class VideoStep extends React.Component {
     }
     render () {
         return (
-            // Video step needs to know if the card is being dragged to cover the video
-            // so that the mouseup is not swallowed by the iframe.
             <div className={styles.stepVideo}>
                 <div
                     className={`wistia_embed wistia_async_${this.props.video}`}
+                    id="video-div"
                     style={{height: `257px`, width: `466px`}}
                 >
-                    {//this.props.dragging ? (
-                        //<div className={styles.videoCover} />
-                        //) : null
-                    }
                     &nbsp;
                 </div>
             </div>
@@ -133,7 +128,6 @@ class VideoStep extends React.Component {
 }
 
 VideoStep.propTypes = {
-    dragging: PropTypes.bool.isRequired,
     expanded: PropTypes.bool.isRequired,
     video: PropTypes.string.isRequired
 };
@@ -322,6 +316,7 @@ const Cards = props => {
         >
             <Draggable
                 bounds="parent"
+                cancel="#video-div" // disable dragging on video div
                 position={{x: x, y: y}}
                 onDrag={onDrag}
                 onStart={onStartDrag}