Openlayers Javascript ошибка при перетаскивании за пределы элемента карты

Question

Я пытаюсь выучить Openlayers. Но проект, который я пытаюсь создать, содержит ошибку при перемещении мыши за пределы элемента карты HTML при перетаскивании карты. Когда вы пытаетесь ориентироваться, удерживая левую кнопку мыши нажатой и выпуская ее за пределы элемента HTML.

Вот базовый c проект с веб-сайта Openlayers, который имеет именно эту проблему: Проект Openlayers

Здесь вы можете просмотреть код проекта:

import "ol/ol.css";
import Map from "ol/Map";
import View from "ol/View";
import GeoJSON from "ol/format/GeoJSON";
import { Tile as TileLayer, Vector as VectorLayer } from "ol/layer";
import { bbox as bboxStrategy } from "ol/loadingstrategy";
import OSM from "ol/source/OSM";
import VectorSource from "ol/source/Vector";
import { Stroke, Style } from "ol/style";

var vectorSource = new VectorSource({
  format: new GeoJSON(),
  url: function(extent) {
    return (
      "https://ahocevar.com/geoserver/wfs?service=WFS&" +
      "version=1.1.0&request=GetFeature&typename=osm:water_areas&" +
      "outputFormat=application/json&srsname=EPSG:3857&" +
      "bbox=" +
      extent.join(",") +
      ",EPSG:3857"
    );
  },
  strategy: bboxStrategy
});

var vector = new VectorLayer({
  source: vectorSource,
  style: new Style({
    stroke: new Stroke({
      color: "rgba(0, 0, 255, 1.0)",
      width: 2
    })
  })
});

var raster = new TileLayer({
  source: new OSM()
});

var map = new Map({
  layers: [raster, vector],
  target: document.getElementById("map"),
  view: new View({
    center: [-8908887.277395891, 5381918.072437216],
    maxZoom: 19,
    zoom: 12
  })
});