From bd93ef204f6599dc5d3fbafb21b4637456c3f0f9 Mon Sep 17 00:00:00 2001
From: Andreas Hocevar <andreas.hocevar@gmail.com>
Date: Wed, 27 Jan 2021 12:23:02 +0100
Subject: [PATCH 1/2] Simplify icon example

---
 examples/icon.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/examples/icon.js b/examples/icon.js
index 62e8a40e67..4d980a606c 100644
--- a/examples/icon.js
+++ b/examples/icon.js
@@ -56,7 +56,6 @@ const popup = new Overlay({
   element: element,
   positioning: 'bottom-center',
   stopEvent: false,
-  offset: [0, -50],
 });
 map.addOverlay(popup);
 
@@ -66,8 +65,7 @@ map.on('click', function (evt) {
     return feature;
   });
   if (feature) {
-    const coordinates = feature.getGeometry().getCoordinates();
-    popup.setPosition(coordinates);
+    popup.setPosition(evt.coordinate);
     $(element).popover({
       placement: 'top',
       html: true,

From f500c354ee1a33ef75d2fec36e4ee34cd2cd07fd Mon Sep 17 00:00:00 2001
From: Andreas Hocevar <andreas.hocevar@gmail.com>
Date: Wed, 27 Jan 2021 13:49:34 +0100
Subject: [PATCH 2/2] Close popup when map is moved

---
 examples/icon.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/icon.js b/examples/icon.js
index 4d980a606c..123049ed8a 100644
--- a/examples/icon.js
+++ b/examples/icon.js
@@ -79,11 +79,11 @@ map.on('click', function (evt) {
 
 // change mouse cursor when over marker
 map.on('pointermove', function (e) {
-  if (e.dragging) {
-    $(element).popover('dispose');
-    return;
-  }
   const pixel = map.getEventPixel(e.originalEvent);
   const hit = map.hasFeatureAtPixel(pixel);
   map.getTarget().style.cursor = hit ? 'pointer' : '';
 });
+// Close the popup when the map is moved
+map.on('movestart', function () {
+  $(element).popover('dispose');
+});