Merge branch 'fix-zoom-slider' into 'master'

Allow pointer events on the zoom slider

Closes #1068

See merge request teklia/arkindex/frontend!1335

src/components/Image/ZoomSlider.vue

@@ -68,11 +68,17 @@ export default {
   border-radius: 2px;
   & input {
     /*
-      Required for Firefox compatibility
-      https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#orient_attribute
-    */
+     * Required for Firefox compatibility
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#orient_attribute
+     */
     transform: rotate(-90deg);
     height: 3rem;
   }
+  /*
+   * The ImageLayer's overlay spans the entire InteractiveImage, so the overlay disables all pointer events on itself
+   * so that they can go through it and be handled on the image or polygons.
+   * We re-enable them on this component so that the user can interact with either the slider or the image/polygons.
+   */
+  pointer-events: initial;
 }
 </style>