Remove the blocking touch handlers for the input[type=range] and add touch-action instead

third_party/WebKit/Source/core/html/shadow/SliderThumbElement.cpp

 /*
  * Copyright (C) 2006, 2007, 2008, 2009 Apple Inc. All rights reserved.
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 125 matching lines @@
         position = offset.y() - layoutBox()->size().height() / 2 - trackBoundingBox.y() + inputBoundingBox.y() - layoutBox()->marginBottom();
         currentPosition = absoluteThumbOrigin.y() - absoluteSliderContentOrigin.y();
     } else {
         trackSize = trackElement->layoutBox()->contentWidth() - layoutBox()->size().width();
         position = offset.x() - layoutBox()->size().width() / 2 - trackBoundingBox.x() + inputBoundingBox.x();
         position -= isLeftToRightDirection ? layoutBox()->marginLeft() : layoutBox()->marginRight();
         currentPosition = absoluteThumbOrigin.x() - absoluteSliderContentOrigin.x();
     }
     position = std::min(position, trackSize).clampNegativeToZero();
     const Decimal ratio = Decimal::fromDouble(static_cast<double>(position) / trackSize);
+    HTMLInputElement* host = hostInput();

[majidvp, 2016/08/04 15:20:36]

I don't think this component should be involved with the details of touch-action
behaviour on its host. This should either become part of LayoutSliderContainer 
or RangeInputType.

+    if (!isVertical) {

[majidvp, 2016/08/04 15:20:36]

Good catch handling the vertical case. I think the initial value for
touch-action
should also take into account vertical mode.

+        if (ratio <= Decimal(0)) {
+            host->setAttribute(styleAttr, "touch-action:pan-y pan-left");
+        } else if (ratio >= Decimal(1)) {
+            host->setAttribute(styleAttr, "touch-action:pan-y pan-right");
+        } else {
+            host->setAttribute(styleAttr, "touch-action:pan-y");
+        }
+    } else {
+        if (ratio <= Decimal(0)) {
+            host->setAttribute(styleAttr, "touch-action:pan-x pan-down");
+        } else if (ratio >= Decimal(1)) {
+            host->setAttribute(styleAttr, "touch-action:pan-x pan-up");
+        } else {
+            host->setAttribute(styleAttr, "touch-action:pan-x");
+        }
+    }
     const Decimal fraction = isVertical || !isLeftToRightDirection ? Decimal(1) - ratio : ratio;
     StepRange stepRange(input->createStepRange(RejectAny));
     Decimal value = stepRange.clampValue(stepRange.valueFromProportion(fraction));
 
     Decimal closest = input->findClosestTickMarkValue(value);
     if (closest.isFinite()) {
         double closestFraction = stepRange.proportionFromValue(closest).toDouble();
         double closestRatio = isVertical || !isLeftToRightDirection ? 1.0 - closestFraction : closestFraction;
         LayoutUnit closestPosition(trackSize * closestRatio);
         const LayoutUnit snappingThreshold(5);
@@ skipping 167 matching lines @@
     case MediaVolumeSliderThumbPart:
     case MediaFullScreenVolumeSliderPart:
     case MediaFullScreenVolumeSliderThumbPart:
         return mediaSliderContainer;
     default:
         return sliderContainer;
     }
 }
 
 } // namespace blink