From 78709be92836be86027c962ab9bbf2946182b294 Mon Sep 17 00:00:00 2001
From: Lachlan <lachlan.miller.1990@outlook.com>
Date: Fri, 24 Aug 2018 18:56:31 +0900
Subject: [PATCH] WIP

---
 demo/src/App.vue |  2 +-
 src/index.js     | 22 ++++++++++++++--------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/demo/src/App.vue b/demo/src/App.vue
index 6bac32d..a5a977c 100644
--- a/demo/src/App.vue
+++ b/demo/src/App.vue
@@ -2,7 +2,7 @@
   <div id="app">
     <h3>v-drag - make any element draggable</h3>
     <div class="demo-outer">
-      <div class="block" v-drag>
+      <div class="block" v-drag.window-only>
         Drag me
       </div>
     </div>
diff --git a/src/index.js b/src/index.js
index e84a773..27e9caa 100644
--- a/src/index.js
+++ b/src/index.js
@@ -89,12 +89,12 @@ export function mouseup (e, el, _data) {
   setDraggerOffset(el, _data)
 }
 
-function reachedLeft(el, _data, movingLeft) {
-  return (el.offsetLeft + _data.width >= window.innerWidth) && !movingLeft
+function reachedLeft(el, _data) {
+  return el.offsetLeft <= 0
 }
 
-function reachedRight(el, _data, movingRight) {
-  return el.offsetLeft <= 0 && !movingRight
+function reachedRight(el, _data) {
+  return el.offsetLeft + _data.width >= window.innerWidth
 }
 
 function reachedTop(el, _data, movingUp) {
@@ -107,14 +107,20 @@ function reachedBottom(el, _data, movingDown) {
 
 export function mousemove (e, el, _data) {
   if (_data.down) {
-    const movingLeft = _data.cursorPreviousX > e.clientX
-    const movingRight = _data.cursorPreviousX < e.clientX
+    const movingRight = _data.cursorPreviousX > e.clientX
+    const movingLeft = _data.cursorPreviousX < e.clientX
     const movingUp = _data.cursorPreviousY < e.clientY
     const movingDown = _data.cursorPreviousY > e.clientY
 
-    if (_data.constraintToWindow && (reachedLeft(el, _data, movingLeft) || reachedRight(el, _data, movingRight))) {
+    const atLeft = reachedLeft(el, _data)
+    const atRight = reachedRight(el, _data)
+    if (_data.constraintToWindow && (atLeft || atRight)) {
+      if (atRight) el.style.left = window.innerWidth - _data.width + 'px'
+      if (atLeft) el.style.left = 0
+
       // do now allow moving outside the window horizontally
-    } else {
+    else if (movingLeft && (x.clientX < window.innerWidth - _data.width))
+    // } else {
       el.style.left = _data.draggerOffsetLeft + (e.clientX - _data.initialX) + 'px'
     }
     if (_data.constraintToWindow && (reachedTop(el, _data, movingUp) || reachedBottom(el, _data, movingDown))) {