un-press all mouse buttons when the mouse leaves the canvas, prevents bug with mouse button staying down after leaving, until reentering and clicking

1 files changed, 13 insertions, 3 deletions

diff --git a/src/library_sdl.js b/src/library_sdl.js
index 442057c8..50df78f3 100644
--- a/src/library_sdl.js
+++ b/src/library_sdl.js
@@ -305,6 +305,17 @@ var LibrarySDL = {
             event.preventDefault();
           }
           break;
+        case 'mouseout':
+          // Un-press all mouse buttons, because we might miss the release outside of the canvas
+          for (var i = 0; i < 3; i++) {
+            SDL.events.push({
+              type: 'mouseup',
+              button: i,
+              pageX: event.pageX,
+              pageY: event.pageY
+            });
+          }
+          break;
       }
       return false;
     },
@@ -382,8 +393,7 @@ var LibrarySDL = {
           SDL.mouseY = y;
           break;
         }
-      default:
-        throw 'Unhandled SDL event: ' + event.type;
+        default: throw 'Unhandled SDL event: ' + event.type;
       }
     },
 
@@ -507,7 +517,7 @@ var LibrarySDL = {
   },
 
   SDL_SetVideoMode: function(width, height, depth, flags) {
-    ['mousedown', 'mouseup', 'mousemove', 'DOMMouseScroll'].forEach(function(event) {
+    ['mousedown', 'mouseup', 'mousemove', 'DOMMouseScroll', 'mouseout'].forEach(function(event) {
       Module['canvas'].addEventListener(event, SDL.receiveEvent, true);
     });
     Module['canvas'].width = width;