diff --git a/examples/external-map.js b/examples/external-map.js
index b5ee6d1b8c..dc8f087162 100644
--- a/examples/external-map.js
+++ b/examples/external-map.js
@@ -3,9 +3,11 @@ import OSM from '../src/ol/source/OSM.js';
 import TileLayer from '../src/ol/layer/Tile.js';
 import View from '../src/ol/View.js';
 import {fromLonLat} from '../src/ol/proj.js';
+import {FullScreen, defaults as defaultControls} from 'ol/control';
 
 const map = new Map({
   target: 'map',
+  controls: defaultControls().extend([new FullScreen()]),
   layers: [
     new TileLayer({
       source: new OSM(),
@@ -32,13 +34,16 @@ button.addEventListener('click', function () {
   mapWindow.addEventListener('load', function () {
     const extMapDiv = mapWindow.document.getElementById('map');
     map.setTarget(extMapDiv);
+	
+	mapWindow.addEventListener('beforeunload', function () {
+      localMapTarget.style.height = '';
+      map.setTarget(localMapTarget);
+      button.disabled = false;
+      mapWindow = undefined;
+    });
+	
   });
-  mapWindow.addEventListener('beforeunload', function () {
-    localMapTarget.style.height = '';
-    map.setTarget(localMapTarget);
-    button.disabled = false;
-    mapWindow = undefined;
-  });
+  
 });
 window.addEventListener('beforeunload', function () {
   if (mapWindow) {