title: Unable to scroll page with OpenLayers map on mobile device
body: <p>I have a page with OpenLayers map in my Cordova mobile application. It looks like OpenLayers catch the drag event, so it's not possible to scroll the page when user touches the map ( it works only when drag event starts outside the map ). I have found couple of similar questions here (e.g. <a href="https://stackoverflow.com/questions/56353094/openlayers-unable-to-vertically-scroll-page-when-touch-and-dragging-the-map">Openlayers unable to vertically scroll page when touch and dragging the map</a>). So my code looks like this right now:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="map" tabindex="1"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var interactions = ol.interaction.defaults({ 
    onFocusOnly: true, 
    altShiftDragRotate: false, 
    pinchRotate: false, 
    doubleClickZoom: false, 
    pinchZoom: false, 
    dragZoom: false, 
    dragPan: false, 
    dragRotate: false, 
    mouseWheelZoom: false 
  });
  
  new ol.Map({
      target: "map"
      interactions: interactions,
      layers: [],
      view: new ol.View({
          center: ol.proj.transform([15.523, 49.718], 'EPSG:4326', 'EPSG:3857'),
          zoom: 8,
          minZoom: 7,
          maxZoom: 18
      })
  });
  </code></pre>
  
  <p>Unfortnately, it's not possible to scroll the page event with this code.</p>