Try out mouseout event

fairmondo · Feb 6, 2015 · ee493c4 · ee493c4
1 parent 023d683
commit ee493c4
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/app/assets/javascripts/visual/touchhover.coffee b/app/assets/javascripts/visual/touchhover.coffee
@@ -18,3 +18,25 @@ $ ->
           .children('.TouchHover--hidden')
           .fitIntoViewport()
     )
+    .on('mouseenter', '.TouchHover', (e) ->
+      console.log 'Bingo'
+      e.preventDefault()
+      $(@)
+        .addClass('touched')
+        .children('.TouchHover--hidden')
+        .fitIntoViewport()
+    )
+    .on('mouseout', '.TouchHover', (e) ->
+      unless $(e.target).hasClass('TouchHover') or $(e.target).parent().hasClass('TouchHover')
+        return true
+
+      console.log 'First step...'
+      $rel_target = $(e.relatedTarget)
+
+
+      if $rel_target.closest('.TouchHover').length isnt 0
+        return true
+      console.log 'Got through!', $rel_target
+      e.preventDefault()
+      $(@).removeClass('touched')
+  )
diff --git a/app/assets/stylesheets/modules/_touchhover.scss b/app/assets/stylesheets/modules/_touchhover.scss
@@ -6,7 +6,6 @@ TouchHover module
   display: none;
 }
 
-.TouchHover:hover > .TouchHover--hidden,
 .TouchHover.touched > .TouchHover--hidden {
   display: block;
 }