From 758e3e52f76962501551a71f9fa108d64cae3982 Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Mon, 27 Feb 2017 11:39:57 +0800
Subject: [PATCH] FIX: Mobile topic timeline broken on Chrome 56.

* See https://developers.google.com/web/updates/2017/01/scrolling-intervention.
  From Chrome 56 onwards, `touchstart` event listeners are treated as passive
  by default which does not call `preventDefault` resulting in the page
  scrolling when topic timeline handle is being dragged.
---
 app/assets/stylesheets/common/topic-timeline.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss
index 8ba1911d70b..c7fd87de6f2 100644
--- a/app/assets/stylesheets/common/topic-timeline.scss
+++ b/app/assets/stylesheets/common/topic-timeline.scss
@@ -61,6 +61,8 @@
       margin-left: 0;
       margin-right: 0;
       display: table;
+      touch-action: none;
+
       .timeline-date-wrapper {
         float: right;
         text-align: right;
@@ -191,6 +193,7 @@
     margin-left: 3em;
     width: 150px;
     transition: opacity 0.2s ease-in;
+    touch-action: none;
 
     .timeline-controls {
       margin-bottom: 1em;