Touch optimizations

malmostad · May 29, 2014 · a48791e · a48791e
1 parent 13c29a8
commit a48791e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/app/assets/javascripts/recommendations.js.coffee b/app/assets/javascripts/recommendations.js.coffee
diff --git a/app/assets/javascripts/search.js.coffee b/app/assets/javascripts/search.js.coffee
@@ -0,0 +1,18 @@
+$ ->
+  # Scroll to set search field on top on touch devices
+  $("body.touch #q").focus ->
+    y = $("#q").offset().top - 6
+    times = 0
+    i = setInterval ->
+      window.scrollTo(0, y)
+      if times++ > 100
+        clearInterval(i)
+    , 1
+    $("#malmo-masthead").css("position", "absolute")
+
+  $("body.touch #q").blur ->
+    $("#malmo-masthead").css("position", "fixed")
+
+  # Focus empty search field on non touch devices
+  $("body:not(.touch) #q").focus() unless !$("#q").length or $("#q").val().length
+